AngularJS Directives List

AnglarJS directives are used to add functionality to your application. You can also add your own directives for your applications.
Following is a list of AngularJS directives:


Directive

Description

ng-app

It defines the root element of an application.

ng-bind

It binds the content of an html element to application data.

ng-bind-html

It binds the inner HTML of an HTML element to application data, and also removes dangerous code from the html string.

ng-bind-template

It specifies that the text content should be replaced with a template.

ng-blur

It specifies a behavior on blur events.

ng-change

It specifies an expression to evaluate when content is being changed by the user.

ng-checked

It specifies if an element is checked or not.

ng-class

It specifies css classes on html elements.

ng-class-even

It is same as ng-class, but will only take effect on even rows.

ng-class-odd

It is same as ng-class, but will only take effect on odd rows.

ng-click

It specifies an expression to evaluate when an element is being clicked.

ng-cloak

It prevents flickering when your application is being loaded.

ng-controller

It defines the controller object for an application.

ng-copy

It specifies a behavior on copy events.

ng-csp

It changes the content security policy.

ng-cut

It specifies a behavior on cut events.

ng-dblclick

It specifies a behavior on double-click events.

ng-focus

It specifies a behavior on focus events.

ng-hide

It hides or shows html elements.

ng-href

It specifies a URL for the <a> element.

ng-if

It removes the html element if a condition is false.

ng-include

It includes html in an application.

ng-init

It defines initial values for an application.

ng-jq

It specifies that the application must use a library, like jQuery.

ng-keydown

It specifies a behavior on keydown events.

ng-keypress

It specifies a behavior on keypress events.

ng-keyup

It specifies a behavior on keyup events.

ng-list

It converts text into a list (array).

ng-open

It specifies the open attribute of an element.

ng-options

It specifies <options> in a <select> list.

ng-paste

It specifies a behavior on paste events.

ng-pluralize

It specifies a message to display according to en-us localization rules.

ng-readonly

It specifies the readonly attribute of an element.

ng-required

It specifies the required attribute of an element.

ng-selected

It specifies the selected attribute of an element.

ng-show

It shows or hides html elements.

ng-src

It specifies the src attribute for the <img> element.

ng-srcset

It specifies the srcset attribute for the <img> element.

ng-style

It specifies the style attribute for an element.

ng-submit

It specifies expressions to run on onsubmit events.

ng-switch

It specifies a condition that will be used to show/hide child elements.

ng-transclude

It specifies a point to insert transcluded elements.

ng-value

It specifies the value of an input element.

ng-disabled

It specifies if an element is disabled or not.

ng-form

It specifies an html form to inherit controls from.

ng-model

It binds the value of html controls to application data.

ng-model-options

It specifies how updates in the model are done.

ng-mousedown

It specifies a behavior on mousedown events.

ng-mouseenter

It specifies a behavior on mouseenter events.

ng-mouseleave

It specifies a behavior on mouseleave events.

ng-mousemove

It specifies a behavior on mousemove events.

ng-mouseover

It specifies a behavior on mouseover events.

ng-mouseup

It specifies a behavior on mouseup events.

ng-non-bindable

It specifies that no data binding can happen in this element, or it's children.

ng-repeat

It defines a template for each data in a collection.

 

For
More Explanation
&
Online Classes

Contact Us:
+919885348743