首先要注意的是,引用AngularJS的資源檔案angular.min.js檔案。
由于這個架構是Google的從業人員開發的,是以國内通路的時候,會被牆導緻無法下載下傳資源檔案。
是以,可以使用百度開源的靜态連結:
http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js
代替原來的國外的資源檔案連結:http://code.angularjs.org/angular-1.0.1.min.js
解決了資源檔案的下載下傳問題,就可以手動編寫小程式了:
1 在<head>中我們首先 加載了angularjs的js檔案。
2 在html标簽中,定義了 ng-app 應用程式,意思是angularjs的作用範圍是真個html。類似地,如果在div中定義ng-app,那麼就隻能在這個div中使用angularjs了。
3 在div中定義了一個 控制器 ,該控制器的采用構造函數的方法,在腳本中初始化兩個變量。
4 table中,采用 ng-model ,綁定資料元素number1,number2。
5 在div的結束部分,通過 {{表達式}} 産生結果,這裡并沒有任何的方法調用,完全是動态的根據ng-model所綁定的值,自動改變。
6 通過currency 過濾器 ,展現成為貨币格式。
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiInBnauMzNxkTN0IzN1UjMyETOw8CXyATNxAjMvwFN2ATO0QzLcd2bsJ2Lc12bj5yZvxmY0lmbj5ycldWYtl2Lc9CX6MHc0RHaiojIsJye.jpg)