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">
    <script src=""></script>

<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>


Try it »

Add Comment

📖 Read More