Home / Web Development / Angular Js / AngularJs Components

AngularJs Components

Hi all,

AngularJs is a Javascript Framework.  Its same as  javascript,  extends HTML with ng-directives. It can be added to an HTML page with a <script> tag.AngularJS extends HTML attributes with Directives, and binds data to HTML with Expressions. <script src=“http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js”></script> this jquery file helps for running angularjs file

AngularJS directives allow the developer to specify custom and reusable HTML-like elements and attributes that define data bindings and the behavior of presentation components. Some of the most commonly used directives are:

Declares the root element of an AngularJS application, under which directives can be used to declare bindings and define behavior.
Sets the text of a DOM element to the value of an expression. For example, will display the value of ‘name’ inside the span element. Any changes to the variable ‘name’ in the application’s scope are reflected instantly in the DOM.

Similar to ng-bind, but establishes a two-way data binding between the view and the scope.
Allows tuning how model updates are done.
Allows class attributes to be dynamically loaded.
Specifies a JavaScript controller class that evaluates HTML expressions.
Instantiate an element once per item from a collection.
ng-show & ng-hide
Conditionally show or hide an element, depending on the value of a boolean expression. Show and hide is achieved by setting the CSS display style.
Conditionally instantiate one template from a set of choices, depending on the value of a selection expression.
The base directive responsible for handling routes that resolve JSON before rendering templates driven by specified controllers.

Basic if statement directive that allow to show the following element if the conditions are true. When the condition is false, the element is removed from the DOM. When true, a clone of the compiled element is re-inserted
A module for accessibility support of common ARIA attributes.
A module provides support for JavaScript, CSS3 transition and CSS3 keyframe animation hooks within existing core and custom directives.

Loading Facebook Comments ...
Social Media Auto Publish Powered By : XYZScripts.com