Posted on 2015-02-03 19:36
云自無心水自閑 閱讀(2643)
評論(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">