使用HTML模板：如果你曾经使用过Mustache ， Hogan.js，或者handlerbars的话，你就可以快速的理解AngularJS的模板引擎语法，应为它是纯HTML的。AngularJS通过DOM浏览来完成此类功能，使用上面提到的directives。模板被作为DOM元素传递到Angular的编译器中，可以被扩展，执行或者重用。这很关键，这样一来你就拥有了DOM组件，而非字符串，允许你直接的操作扩展DOM树。

企业级别的测试：AnguarJS并不依赖于第三方的插件或者是框架，包括测试。如果你熟悉QUnit, Mocha 或者 Jasmine的话，那么对于理解Angular的单元测试和Scenario Runner来说就非常简单。

以上的这些基本的原则能够帮助知道你使用Angular来创建高效性能可维护的代码。只要你有代码保存数据，AnguarJS会帮助你处理所有的重量级内容，提供一个富客户端的超棒体验！

原因三：花几分钟就可以开始开发

学习Angular非常简单。添加几个属性到你的HTML中，你可以使用5分钟搭建一个应用！

添加ng-app directive到标签，这样Angular知道应该运行：

添加Angular 

添加正常的HTML标签。AngularJS directive可以在HTML属性中被访问，而表单式将使用两个大括号来标示：

 
 
 

  
  
  
 
  
  
  
  
Today's activities
 
  
  
  
  
 
  
  
  
    
  
  
  
     {{activity.name}} 
  
  
  
   
 
  
  
  
  
 
  
  
  
 
  
  
  
 
 
 
 

ng-controller directive设置了一个名字空间，这里我们可以添加angular的相关javascript来处理数据和表达式。ng-repeat是一个angular的重复对象，可以用来创建一系列的对象元素。

当你想从Anguar中获取数据，你使用一个对应名字的controller方法，如下：

 
 
 

  
  
  
function ActivitiesListCtrl($scope) { 
  
  
  
  $scope.activities = [ 
  
  
  
    { "name": "Wake up" }, 
  
  
  
    { "name": "Brush teeth" }, 
  
  
  
    { "name": "Shower" }, 
  
  
  
    { "name": "Have breakfast" }, 
  
  
  
    { "name": "Go to work" }, 
  
  
  
    { "name": "Write a Nettuts article" }, 
  
  
  
    { "name": "Go to the gym" }, 
  
  
  
    { "name": "Meet friends" }, 
  
  
  
    { "name": "Go to bed" } 
  
  
  
  ]; 
  
  
  
 } 
 
 
 

这里我们创建了一个方法，名字和前面的ng-controller directive一样，这样我们页面可以找到对应的Angular方法来执行。我们传递了$(scope)对象来访问模板中的activities列表。提供了activities对应的name，我们在页面中使用"{{expression}}"表达式展现出来。

或者你保存数据在服务器上，我们同样可以使用AJAX获取数据：

 
 
 

  
  
  
function ActivitiesListCtrl($scope) { 
  
  
  
  $http.get('activities/list.json').success(function (data) { 
  
  
  
    $scope.activities = data; 
  
  
  
  } 
  
  
  
} 
 
 
 

这里我们简单的使用指定的HTTP GET方法替换了本地的javascript数据。传递了文件名字来获取相关数据。这和jQuery的方式非常类似。

以上我们使用success方法确保数据返回，并且将数据绑定到了$scope上。

静态的列表显示的很好，但是这里我们希望能够根据用户选择自动排序。这里我们添加一个简单的下拉菜单：

 
 
 

  
  
  
Sort:
 
  
  
  
 
  
  
  
   Alphabetically 
  
  
  
  
 
 
 

添加directive:

最后，我们修改