云自無心水自閑

          天平山上白云泉,云自無心水自閑。何必奔沖山下去,更添波浪向人間!
          posts - 288, comments - 524, trackbacks - 0, articles - 6
            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理
          1. AngularJS的module函數有兩種用法,
          a. 定義一個module, 需要傳入2個參數,module('moduleName', []), 第一個參數是新的module名稱,第二個參數是新module所依賴的module數組。
          b. 載入一個module, 只需要1個參數,module('moduleName'), 唯一的一個參數指定要載入的module名稱。
          2. 使用controller函數來定義一個控制器(controller), 用ng-controller將控制器綁定到具體的HTML組件上。定義控制器的controller函數也需要2個參數,第一個是控制器名稱,第二個參數同樣也是一個數組,數組的最后一個元素就是controller本身的函數,前面的元素用字符串的形式指定其需要的依賴項。如果沒有依賴項,那就只需要定義函數。比如:
          angular.module('app1', [])
          .controller('mainControl', [function() {
          console.log('controller created.');
          }]);
          3. 在controller函數中用var定義的局部變量,在HTML中是不可見的。
          4. 推薦在controller函數中盡量避免直接引用this, 比較好的做法是使用代理。原因是一個函數中的this關鍵詞在被外部調用的時候,是會被覆蓋掉的。這樣的話,在函數內部和外部的this會是完全不同兩個對象。
          代理用法示例:
          angular.module('app1', [])
          .controller('mainControl', [function() {
          var self = this;
          self.message = 'Hello world';
          self.changeMessage = function() {
          self.message = 'Goodbye.';
          };
          }]);
          5. ng-bind與雙大括號的區別, ng-bind和{{}}可以說基本上是可以互相替換的,但是也有區別。區別在于:AngularJS在啟動的時候就會執行ng-bind, 而{{}}的替換時間會稍晚一些。有可能發現頁面在加載的時候,雙括號被一閃而過地替換掉(只在頁面初次加載的時候發生)。但是ng-bind就沒有這個問題。
          6. ng-cloak可以用于解決雙括號閃現的問題。



          評論

          # re: AngularJS的一些使用方法和技巧(1)  回復  更多評論   

          2015-02-02 07:06 by 京山游俠
          學習了。
          主站蜘蛛池模板: 龙口市| 疏勒县| 祁东县| 武定县| 尤溪县| 巴彦淖尔市| 白银市| 洛宁县| 昌邑市| 平谷区| 沁水县| 镇远县| 米林县| 福清市| 台前县| 灵武市| 隆化县| 南宁市| 天津市| 罗江县| 定南县| 和平县| 澳门| 三穗县| 蒲江县| 九台市| 台州市| 栾川县| 木里| 永济市| 两当县| 醴陵市| 抚州市| 来宾市| 正宁县| 扎鲁特旗| 江城| 中卫市| 洛川县| 玛多县| 北辰区|