AngularJs Directives Intro


AngularJs Directives : AngularJs Directives are extended html attributes used in angularJs.


AngularJs Directives

AngularJs Directives starts with ng- prefix.

There are following common directives in AngularJs

1. ng-app : Is used to initialize the application.
2. ng-init : Is used to initialize the application data.
3. ng-model : Is used to bind the value of HTML with the application data.

Let us understand with simple example

Example 1

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
</head>

<body>
<div ng-app="" ng-init="myArr=['First Item','Second Item']"  >
    <p><input type='text' name='firstItem' ng-model= 'myArr[0]'></p>
    <p><input type='text' name='secondItem' ng-model= 'myArr[1]'></p>
    <p> {{myArr[0] + " , " +myArr[1]}}</p>

</div>
</body>
</html>

Try it »


User Ans/Comments

📖 Read More


Advertisements