angular要点总结

数据的呈现与数据绑定

重点掌握以下指令的使用：

• 和ng-bind的区别
  

• 使用ng-repeat循环显示数据：

     ng-repeat可以说是最重要最常用的指令之一了，需要重点把握。

     在循环过程中，AngularJs能为特定控件关联上相应的对象。想象一下，你有一个列表，列表中的每一行都有一个“删除”按钮，你如何把每个按钮与特定的数据项关联起来？如果不关联，你怎么知道点击某个按钮，应该删除数据源中的哪个对象？在这点上，AngularJs确实干得漂亮，实现起来不费吹灰之力。

     另外，AngularJs还为循环提供了$index这样一个循环变量，这也是非常有用的。类似地，还有$first,$last，$middle……

• 使用filter过滤数据

     （1）如何使用内置的filter

     （2）如何自定义filter

      filter的使用与定义都很简单，但在开发中却很有用。

页面交互特性

• 页面元素显示与隐藏

    ng-show/ng-hide

• 监测数据变化

    可以使用

    （1）HTML元素的ng-change指令

    （2）使用$watch监控特定的数据，当其变化时调用特定的响应函数

• 数据的查找

     有两种数据查找的方式：

    （1）如果在本地数据中进行查找，使用filter和ng-model足够，实现比较简单，也就几行代码的事

    （2）如果需要到服务器上搜索数据，则需要使用$http等发出AJAX请求，然后服务器返回Json数据

     这个就比较复杂了，涉及到Angular较多的东西，这是学习过程中的一大难关。

• 响应事件

     ng-click, ng-change

数据的CRUD操作

    有两种方式使用AngularJs实现Web应用常见的CRUD操作

    （1）单页面应用（SPA:Single Page Application）：服务端就提供一个页面框架，在客户端使用AngularJs发出AJAX请求，从服务端提取数据，然后刷新页面，这种类型的Web应用，AngularJS起着一个核心的作用。

    （2）传统模式：这种方式在服务端完成数据的提取、页面生成等工作，AngularJS主要负责客户端的用户交互功能。

就本网站而言，因为服务端使用ASP.NET MVC，这一框架能自动生成标准的CRUD代码，所以，本网站是使用第2种方式开发的，仅在需要在页面上实现比较复杂的用户交互时，才使用AngularJS。

angular要点总结