AngularJS Directives

AngularJS Directives
Here we learn details of AngularJS Directive. As we got some details about this in previous chapter that AngularJS extend HTML with some new attributes which is called Directives. AngularJS has a set of built-in directives which offers lots of functionality to the applications. We can also define our own directives. Below are the some of the common AngularJS Directives which are used most of the times. All of AngularJs directives have prefix with ng-.

AngularJS Directives Examples

(1)ng-app directive initializes as AngularJS application.
(2)ng-init directive will helps in initializing application data.
(3)ng-model directive will helps in binding the value of HTML controls like input, select and textarea to the application data.

Directive Example

One of the important facts about the ng-app directive is that AngularJS < div> element is the "owner" of AngularJS application.

Data Binding
In above example {{ EmployeeName }} expression is an AngularJS data binding expression. Data binding in AngularJS binds AngularJS expression with AngularJS data. {{ EmployeeName }} is bound with ng-model="EmployeeName". In below example we have two text fields and both of these are bound together with two ng-model directives.

Directive textArea

Other Important Questions

Numbers And Strings

Objects And Array

AngularJS VS JavaScript

Controllers in Files

Load the Library

Top Searches:asp net questions vb net questions sql query uddl questions class javascript Questions sharepoint interview questions and concept silverlight questions and concept wcf questions beans general knowledge ajax questions

PHP | Biztalk | Testing | SAP | HR |

Privacy policy | Terms and Conditions | Blog

If the copyright of any questions or content or syntax belong to you email us we will remove that(info@getproductprice.com)