AngularJS 应用组成如下：

• View(视图), 即 HTML。
• Model(模型), 当前视图中可用的数据。
• Controller(控制器), 即 JavaScript 函数，可以添加或修改属性。

1、AngularJS 表达式：写在双大括号内{{ expression }}，可以直接嵌套在HTML中。等价于：ng-bind 指令。可以包含文字、运算符和变量。（数组、对象、运算等）

如：<div ng-app="" ng-init="firstName=‘John‘;lastName=‘Doe‘">
　　<p>姓名： {{ firstName + " " + lastName }}</p>
　　</div>

等价于：<div ng-app="" ng-init="firstName=‘John‘;lastName=‘Doe‘">
　　　　<p>姓名： <span ng-bind="firstName+ " " + lastName"></span></p>
　　　　</div>

2、AngularJS 指令：

　　(1)前缀 ng-

如：　ng-app 指令初始化一个 AngularJS 应用程序。

　　　ng-init 指令初始化应用程序数据。

　　　ng-model 指令把元素值（input, select, textarea）绑定到应用程序。为应用程序数据提供类型验证（number、email、required）；为应用程序数据提供状态（invalid、dirty、touched、error）；为 HTML 元素提供 CSS 类；绑定 HTML 元素到 　　　HTML 表单。

　　　ng-repeat 指令：将集合中（数组中）的每个项会 克隆一次 HTML 元素。

　　　　<div ng-app="" ng-init="names=[‘Jani‘,‘Hege‘,‘Kai‘]">
  　　　　　　<p>使用 ng-repeat 来循环数组</p>
 　　　　　　 <ul>
    　　　　　　　　<li ng-repeat="x in names">
      　　　　　　　　　　{{ x }}
   　　　　　　　　 </li>
  　　　　　　</ul>
　　　　</div>

　　(2)自定义指令：使用 .directive 函数来添加自定义的指令,使用驼峰法来命名一个指令。通过：元素名、属性、类名、注释来调用，并且可以限制指令的调用方式。

如：

　　<div ng-app="myApp" ng-controller="myCtrl">
　　　　名字: <input ng-model="name">
　　　　<h1>你输入了: {{name}}</h1>

　　　　年龄: <input ng-model="age">
　　　　<h1>你输入了: {{age}}</h1>
　　</div>

<script>
　　var app = angular.module(‘myApp‘,[]);
　　app.controller(‘myCtrl‘, function($scope) {
　　　　$scope.name = "John Doe";
　　　　$scope.age = "20";
　　});
</script>

3、验证：

（1）ng-show 属性返回 true 的情况下显示；

（2）ng-model 指令可以为应用数据提供状态值(invalid, dirty, touched, error)；

如：

<form ng-app="" name="myForm" ng-init="myText = ‘test@runoob.com‘">

　　Email:

　　<input type="email" name="myAddress" ng-model="myText">

　　<p>Valid: {{myForm.myAddress.$valid}} (如果输入的值是合法的则为 true)。</p>

　　<p>Dirty: {{myForm.myAddress.$dirty}} (如果值改变则为 true)。</p>

　　<p>Touched: {{myForm.myAddress.$touched}} (如果通过触屏点击则为 true)。</p>

</form>

4、作用域：

　　Scope 是一个对象（模型），可应用在视图和控制器上。在控制器中添加 $scope 对象时，视图 (HTML) 可以获取了这些属性。不需要添加 $scope 前缀, 只需要添加属性名即可，如： {{carname}}。

　　根作用域：所有的应用都有一个 $rootScope，它可以作用在 ng-app 指令包含的所有 HTML 元素中。$rootScope 可作用于整个应用中。是各个 controller 中 scope 的桥梁。用 rootscope 定义的值，可以在各个 controller 中使用。

如：

angularJs