Tag Archives: angularjs development
AngularJs Filters
AngularJs Filters :Provides some filters which are applied before displaying the data. Pipe line Character is used to apply the filters
AngularJs Filters : Following types of Filters are available
- filter– Filter the data based on criteria.
- uppercase-Converts in uppercase
- lowercase-Converts in lowercase
- currency-Converts in currency
- orderby-Sorts array data based on criteria
[table width=”100%” colwidth=”10|100|290|160″ colalign=”left|left|left|left|left”]
No,Filters ,Description, Example & Detail, Demo
1.,filter,Filter the data based on criteria, More Detail & Demo », Demo »
2.,uppercase,Converts in uppercase, More Detail & Demo », Demo »
3.,lowercase,Converts in lowercase, More Detail & Demo », Demo »
3.,Currency,Converts in currency, More Detail & Demo », Demo »
3.,orderby,Sorts array data based on criteria, More Detail & Demo », Demo »
[/table]
AngularJs ng-repeat
AngularJs ng-repeat directive : AngularJs ng-repeat directive is used to iterate for each element in collection.
Syntax : AngularJs ng-repeat
{{a}}
Note you can give your ng-app name.
Let us understand with simple example
AngularJs Directives Intro
AngularJs Directives : AngularJs Directives are extended html attributes used in angularJs.
AngularJs Directives
AngularJs Directives starts with ng- prefix.
There are following common directives in AngularJs
1. ng-app : Is used to initialize the application.
2. ng-init : Is used to initialize the application data.
3. ng-model : Is used to bind the value of HTML with the application data.
Let us understand with simple example
AngularJS Objects
AngularJS Objects : AngularJS Objects are same as the javaScript Objects. You can perform operation same as the javaScript Objects.
AngularJS Objects simple Example using Expressions
Hi This is {{myobj.str1 + " From " + myobj.str2}}
Example of Objects with ng-bind
AngularJS Strings
AngularJS Strings : AngularJS String works same as the javaScript strings. You can perform operation same as the javaScript string.
AngularJS Strings simple Example using Expressions
Hi This is {{str1 + " From " + str2}}
Example of String with ng-bind
AngularJs Numbers
AngularJs Numbers : AngularJs Number is explained as below.
Angularjs Numbers with expression Example
10+10 ={{10+10}}
Example of ng-bind with ng-init
AngularJs ng-bind
AngularJs ng-bind : AngularJs ng-bind used to bind data with the HTML DOM.
Angularjs ng-bind very simple Example
Sum =
Example of ng-bind with ng-init
AngularJs Expressions
What are AngularJs Expressions & How we use them?
: AngularJs expressions are basically to bind the data to the html DOM. AngulasJs Expressions are written inside the {{double brackets}}. Expressions binds data to the html same as ng-bind directive. AngularJs expressions works much like Javascript expressions.
Note : if you removeit will not work and it will simply print the {{hello.test}} as string.
AngularJs Intro
AngularJs is a javascript framework. AngularJs is created and maintained by google. It’s first version was released in 2009. AngularJs is based on MVC pattern ie. Model, Controller and View.
The views are defined using the HTML and AngularJs’s template language. The Models and controllers are defined using javascript objects and functions.
Features of AngularJs
- AngularJs is powerful to create single page application
- AngularJs enables user to create client side application in MVC pattren.
- AngularJs is free to use.
- AngularJs is cross browser compatible.
