AngularJS: Example – Create table html element using ngRepeat
The following example shows how to draw a table element using the AngularJS ngRepeat.ControllerThe example contains the app.js controller and the html page.The Model ‘cities’ has the collection of the...
View ArticleAngularJS: Using if condition in ngRepeat directive
You know that you can apply the iteration on any html template using the ngRepeat over the collection. Let’s suppose that you have the collection of the city and countries name then you can generate...
View ArticleHow to apply class conditionally using ng-class in AngularJs
The ngClass directive gives you the ability to conditionally change CSS classes via an expression in the html.Example Example that demonstrates dynamically set CSS classes on an DIV HTML element. Lets...
View ArticleAngularJs directive: Restrict user to enter value with only ‘N’ decimal places
Directive Name: aDecimals How to Use: Add the attribute: n-decimals=”n” where n is the number like 2,3… If you want to restrict user to 2 decimal points, write like this: evo-decimals=”2″Source...
View Article‘Password’ and ‘Retype password’ fields using AngularJs
The below code snippet shows that how can you implement ‘Password and retype password fields should be matched’ validation/feature using the AngularJs.The following html code has two password typed...
View ArticleSorting objects/columns with multiple fields AngularJS using HTML template...
Sorting in the tabular data is very common task. If you are not using the ui-grid and using other component which doesn’t provide the inbuilt sorting feature, then you need to do some additional work...
View ArticleHow to display sum of two textbox in third textbox in AngularJS
This is the very common requirement to display sum of the two textbox input controls in the third textbox. However, there are many ways to display the sum of the two into the third input control using...
View ArticleHow to create checkbox list of all week days in AngularJs
In this example, I will show you to create list of all week days with the check boxes using AngularJs. Angular Directive Create a new directive as follows: var app = angular.module('app');...
View ArticleError: $injector:unpr in angular injector().invoke after grunt or gulf minify
Sometimes we need to inject and compile some markup using $compile service from outside AngularJs. We can do this using the extra injector() added to JQuery/jqLite elements. Like this:...
View ArticleDrag and drop rows within ui grid in Angular js
Ui Grid is the popular grid system specially for Angular 1.x(Currently ui-grid doesn’t support angular 2 and above version). Ui-grid has no dependency rather than angular which makes it light weight....
View Article
More Pages to Explore .....