AngularJS 快速入門

標籤：price   需要   control   使用   樣本   建立   變數   ***   moc   

AngularJS 快速入門

範例程式碼：

 

* 建立一個空頁面
* 擴充成為最簡單的angularjs頁面
* 修改頁面標題
* 加入ng的庫
* 定義項目app的名稱，
* 必須是按照 MVC模式的要求， 建立基本架構， 分別定義項目所需要Model， View， Control：
*** 資料模組： DataService.js
*** controller模組: demoController.js
*** 改造DOM模板為NG風格的: index.html

* 如何把資料顯示到頁面上
在頁面上顯示 商品的名稱， 價格和數量： 海爾電視， 2000， 2台，
（資料來自變數 item1 = ｛ name: "海爾電視", price: 2000, quantity: 2}
** 先在DataService中定義資料，
** 通過Controller提供給DOM，
** 在DOM中使用它
用的是NG的自動資料繫結
（不用JQuery， 也不用document.getElementById等等）

 

AngularJS 快速入門