Define basic structure of AngularJs Application for Beginners

Define basic strucutre of AngularJs Application

  • Most of the directives in AngularJS are starting with ng- where ng stands for Angular, In Last Article we created the Basic strucutre of Angular Js Application i.e.

    Directives are markers on a DOM element that tell AngularJS to attach a specified behavior to that DOM element or even transform the DOM element and its children.

  • ng-bind            Replaces the value of HTML control with the value of specified AngularJS expression

    6.

  • ng-show           Display HTML element based on the value of the specified expression

    8.

  • ng-readonly    Makes HTML element read-only based on the value of the specified expression

    9.

  • ng-if               Removes or recreates HTML element based on an expression

    11.

Basic structure of AngularJs Application In Last Article we created the Basic structure of AngularJs Application i.e.

@ViralwavesVW: Define basic strucutre of AngularJs Application

Basic structure of AngularJs Application

Most of the directives in AngularJS are starting with ng- where ng stands for Angular, In Last Article we created the Basic strucutre of Angular Js Application i.e.

Here markers like ng-app , ng-bind , ng-model are known as “Directives”

Directives are markers on a DOM element that tell AngularJS to attach a specified behavior to that DOM element or even transform the DOM element and its children.

In short, it extends the HTML.Most of the directives in AngularJS are starting with ng- where ng stands for Angular.

Some of the important built in directives of Angular are:-

1. ng-app              Auto bootstrap AngularJS application

2. ng-init              nitializes AngularJS variables

3. ng-model         Binds HTML control’s value to a property on the $scope object.

4. ng-controller   Attaches the controller of MVC to the view

5. ng-bind            Replaces the value of HTML control with the value of specified AngularJS expression

6. ng-repeat         Repeats HTML template once per each item in the specified collection

7. ng-show           Display HTML element based on the value of the specified expression

8. ng-readonly    Makes HTML element read-only based on the value of the specified expression

9. ng-disabled     Sets the disable attribute on the HTML element if specified expression evaluates to true

10. ng-if               Removes or recreates HTML element based on an expression

11. ng-click          Specifies custom behavior when an element is clicked

Note:- Also we can create our custom directives in Android.

Define basic structure of AngularJs Application for Beginners

You might also like More from author

Comments are closed, but trackbacks and pingbacks are open.