Posted on 2015-02-03 19:36
云自无心水自闲 阅读(2632)
评论(1) 编辑 收藏 所属分类:
心得体会 、
AngularJS
07. ng-repeart
a. 在循环map的时候，会自动根据键值进行排序。
b. 一些自带的变量，$first(是否是第一个), $last(是否是最后一个), $middle(是否是中间的), $index(下标，根据键值排序后的下标), $even, $odd
08. 自己定义新变量时不要使用$$开头。
09. 可以使用track-by表达式来优化对DOM的操作，对DOM对象使用从数据库取得的ID来进行标记，这样的话，当我们重复多次从数据库中取出相同的数据的时候，DOM对象就能够被重用。
10. 数据双向绑定的好处
a. 如果我们想改变页面Form中的数值，我们不需要在Javascript中，根据ID或者名称来查找相应的Form控件，只需要改变Controller变量的值，不需要JQuery的Selector,也不需要findElementByID
b. 如果我们想在javascript中获取Form控件的值，在控件的变量中就能直接获得。
11. 使用ng-submit比在button上使用ng-click要好一些。HTML的表单的提交有多种方式，比如在输入域中按回车键就会触发ng-submit，而不会触发button的ng-click事件。
12. 在ng-model中，可以直接引用一个对象,比如：<input type="text" ng-model="ctrl.user.name">，而不需要事先在model中以self.user={}定义。在AngularJS中，使用了ng-model的话，AngularJS在初始化数据绑定的时候，自动创建其中的对象和键值。在刚才的例子中，一旦用户开始在输入域中键入第一个字母，用户user就会被自动创建。
13. 推荐使用将相关数据集中到一个对象的方式来进行数据绑定，比如，用户名和密码，推荐使用：
<input type="text" ng-model="ctrl.user.name">
<input type="text" ng-model="ctrl.user.password">
而不是：
<input type="text" ng-model="ctrl.name">
<input type="text" ng-model="ctrl.password">