AngularJS extends HTML with new attributes called directives.

AngularJS adds functionality to your application through built-in directives.

AngularJS allows you to customize directives.

AngularJS directives syntax

AngularJS directives are extended HTML attributes, prefixed with ng-.

ng-app directive initializes an AngularJS application.

ng-init directive initializes application data.

ng-model directive binds element values ​​(such as input field values) to the application.

AngularJS directives example

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script> 
</head>
<body>

<div ng-app="" ng-init="firstName='John'">

<p>在输入框中尝试输入:</p>
<p>姓名: <input type="text" ng-model="firstName"></p>
<p>你输入的为: {{ firstName }}</p>

</div>

</body>
</html>

Run instance »

Click the "Run instance" button to view the online instance