Sharing Top Content from the Angular-sphere.

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

Comments are closed, but trackbacks and pingbacks are open.