Angularjs UI Grid Show No Records Found or No Data Available Message

Introduction: 

Here I will explain how to show no records found message in ui grid in AngularJS with example or AngularJS show no data found message in ui grid in case if service not returned any data. By comparing data value in AngularJS we can show no data available message in ui grid whenever it is empty or not contain data.

Description:
  
In previous articles I explained Angularjs open url in new browser window, Angularjs show hide div based on checkbox selection, Angularjs convert number to currency format, Angularjs get dropdownlist selected value, Angularjs convert text to uppercase while typing, Angularjs refresh div for every 1 second using interval mode and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to show no records found message in ui grid in AngularJS with examples.

Angularjs $interval Example to Refresh Div for Every n Seconds

Introduction: 

Here I will explain how to refresh div for every 1 second using $interval in AngularJS with example. Generally in JavaScript we will use setInterval() function to run our code for every specific period of time same way in AngularJS we have $interval angular module to do same functionality like setInterval() function. To refresh div for every 1 second here I am going to use $interval angular module.

Description:
  
In previous articles I explained jQuery setInterval() function example, start and stop time in javascript using setInterval function, jQuery redirect to another page after 5 seconds, Javascript redirect to another page after 5 seconds and many articles relating to jQuery, JavaScript and asp.net. Now I will explain how to refresh div for every 1 second using AngularJS.

Angularjs Open Url in New Browser Window with Custom Height Width Example

Introduction: 

Here I will explain how to open url in new browser window using AngularJS with custom height and width on button click example or AngularJS open new popup / browser window on button click or AngularJS open child window from parent window on button click with example. By using “$window.open” we can new popup browser window with custom size in AngularJS.

Description:
  
In previous articles I explained Angularjs convert number to currency format, Angularjs get dropdownlist selected value, Angularjs convert text to uppercase while typing, Angularjs refresh div for every 1 second using interval mode and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to open new browser window with custom height and width on button click using AngularJS.

Angularjs Show Hide Div when Checkbox is Checked using ng-change Event

Introduction: 

Here I will explain how to show or hide div when checkbox is checked / selected using AngularJS or show or hide div when checkbox checked (selected) or unchecked in AngularJS or show / hide div based on checkbox click / selection in AngularJS.

Description:
  
In previous articles I explained Angularjs convert number to currency format, Angularjs get dropdownlist selected value, Angularjs convert text to uppercase while typing, Angularjs refresh div for every 1 second using interval mode and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to show or hide div when checkbox is checked / selected in AngularJS.

Angularjs Show Hide Div on Button Click with Example

Introduction: 

Here I will explain how to show or hide div on button click (ng-click) in AngularJS or show / display or hide in AngularJS using button ng-click with example. By using “ng-show”, “ng-hide” properties in AngularJS we can show or hide div elements.

Description:
  
In previous articles I explained Angularjs show alert message, Angularjs ng-repeat example to bind dropdownlist, Angularjs convert text to uppercase while typing, Angularjs refresh div for every 1 second using interval mode, 5 + Angularjs Gridview and table plugin examples with demos and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to show or hide div on button click (ng-click) in AngularJS.

Angularjs Show JavaScript Alert Message (Box) on ng-click with Example

Introduction: 

Here I will explain how to show alert message in AngularJS or show / display JavaScript alert box or message in AngularJS using ng-click with example. Generally in JavaScript we will use “window” property to show alert message same way in AngularJS we will use “$window” property show alert message.

Description:
  
In previous articles I explained Angularjs convert number to currency format, Angularjs get dropdownlist selected value, Angularjs convert text to uppercase while typing, Angularjs refresh div for every 1 second using interval mode, 5 + Angularjs Gridview and table plugin examples with demos and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to show alert message in AngularJS.

AngularJS ng-repeat Example to Populate (Bind) Select DropDownList with Options

Introduction: 

Here I will explain AngularJS ng-options or ng-repeat example to bind dropdownlist value and text using AngularJS or populate or fill dropdowlist with option values using ng-repeat or ng-options in AngularJS. Generally in AngularJS we can fill or bind dropdownlist using ng-repeat or ng-options methods.

Description:
  
In previous articles I explained Angularjs convert lower case to upper case while typing text, Angularjs refresh div for every 1 second using interval mode, 5 + Angularjs Gridview and table plugin examples with demos, jQuery redirect to another page after 5 seconds and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to bind dropdownlist value and text using AngularJS.

AngularJS ng-options Example to Populate (Bind) Select DropDownList with Options

Introduction: 

Here I will explain AngularJS ng-options or ng-repeat example to bind dropdownlist value and text using AngularJS or populate or fill dropdowlist with option values using ng-repeat or ng-options in AngularJS. Generally in AngularJS we can fill or bind dropdownlist using ng-repeat or ng-options methods.

Description:
  
In previous articles I explained Angularjs convert lower case to upper case while typing text, Angularjs refresh div for every 1 second using interval mode, 5 + Angularjs Gridview and table plugin examples with demos, jQuery redirect to another page after 5 seconds and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to bind dropdownlist value and text using AngularJS.

Angularjs Convert Size (Bytes) to KB, MB, GB, TB in jQuery or JavaScript

Introduction: 

Here I will explain how to convert size bytes to kb, mb, gb or tb in AngularJS or JavaScript or jQuery. By "Math" formulas we can convert size bytes to kb, mb, gb or tb in AngularJS or jQuery or JavaScript.

Description:
  
In previous articles I explained Angularjs convert number to currency format, Angularjs get dropdownlist selected value, Angularjs convert text to uppercase while typing, Angularjs refresh div for every 1 second using interval mode, 5 + Angularjs Gridview and table plugin examples with demos and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to convert size bytes to kb, mb, gb or tb using AngularJS or JavaScript or jQuery.

Angularjs Get Current Date or Time or DateTime with Example

Introduction: 

Here I will explain how to get current datetime in AngularJS or get only current date or time from AngularJS. By using “new Date()” function we can get current date or time or datetime in AngularJS.

Description:
  
In previous articles I explained Angularjs convert number to currency format, Angularjs get dropdownlist selected value, Angularjs convert text to uppercase while typing, Angularjs refresh div for every 1 second using interval mode, 5 + Angularjs Gridview and table plugin examples with demos and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to get current datetime or date or time using AngularJS.

AngularJS Convert Number to Currency Format and Limit to 2 Decimal Places

Introduction: 

Here I will explain how convert number to currency format in AngularJS or limit number to display / show with 2 or two decimal places in AngularJS with required currency format. By using currency property in AngularJS we can convert number to currency format and limit number to display with decimal values.

Description:
  
In previous articles I explained Angularjs convert lower case to upper case while typing text, Angularjs refresh div for every 1 second using interval mode, 5 + Angularjs Gridview and table plugin examples with demos, jQuery redirect to another page after 5 seconds and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how convert number to currency format and limit number to 2 decimal places in AngularJS.

To convert number to currency format and limit number to 2 decimal places in AngularJS we need to declare number like as shown below

Angularjs Hide Particular Column in UI Grid with Example

Introduction: 

Here I will explain how to hide particular column in AngularJS UI grid with example or AngularJS hide particular column in UI Grid with example or UI Grid example in AngularJS.

Description:
  
In previous articles I explained bind dropdownlist in angularjs, Angularjs convert lower case to upper case while typing text, Angularjs refresh div for every 1 second using interval mode and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to hide particular column in AngularJS UI grid with example.

To hide particular column in AngularJS UI grid we can use visible: false property like as shown below

Get Selected Value from Dropdownlist in Angularjs

Introduction: 

Here I will explain how to get selected value from dropdown list in AngularJS or get dropdown list selected value using AngularJS. To get dropdownlist selected value in AngularJS we will use ng-model option to get selected value.

Description:
  
In previous articles I explained bind dropdownlist in angularjs, Angularjs convert lower case to upper case while typing text, Angularjs refresh div for every 1 second using interval mode and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to get dropdownlist selected value using AngularJS.

Angularjs Bind (Set) Dropdownlist Value and Text using ng-Options or ng-Repeat

Introduction: 

Here I will explain how to bind dropdownlist value and text using AngularJS or fill dropdowlist with option values using AngularJS. In AngularJS we can fill or bind dropdownlist using ng-repeat or ng-options methods.

Description:
  
In previous articles I explained Angularjs convert lower case to upper case while typing text, Angularjs refresh div for every 1 second using interval mode, 5 + Angularjs Gridview and table plugin examples with demos, jQuery redirect to another page after 5 seconds and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to bind dropdownlist value and text using AngularJS.

AngularJS Convert Text to Uppercase While Typing in Textbox

Introduction: 

Here I will explain how to convert entered text to uppercase using AngularJS. Generally in JavaScript we will use uppercase property to convert our text to uppercase same way in AngularJS we have uppercase property where can set to convert user entered to uppercase.

Description:
  
In previous articles I explained Angularjs refresh div for every 1 second using interval mode, 5 + Angularjs Gridview and table plugin examples with demos, jQuery redirect to another page after 5 seconds and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to convert entered text to uppercase using AngularJS.

To convert entered text to uppercase using AngularJS we need to write the code like as shown below