天天看點

html靜态頁面轉angular動态頁面

1.先建立一個靜态HTML頁面模闆,然後把這個靜态HTML頁面模闆轉換成能動态顯示的AngularJS模闆。

html靜态頁面轉angular動态頁面

2.對于AngularJS應用,我們鼓勵使用模型-視圖-控制器(MVC)模式解耦代碼和分離關注點

(1)在AngularJS中,一個視圖是模型通過HTML模闆渲染之後的映射。

(2)這裡我們使用ngRepeat指令和兩個用花括号包裹起來的AngularJS表達式——{{phone.name}}和{{phone.snippet}}——能達到同樣的效果。

(3)在PhoneListCtrl控制器裡面初始化了資料模型(這裡隻不過是一個包含了數組的函數,數組中存儲的對象是手機資料清單)

  PhoneListCtrl——控制器方法的名字(在JS檔案controllers.js中)和<body>标簽裡面的ngController指令的值相比對。

  手機的資料此時與注入到我們控制器函數的作用域($scope)相關聯。

(4)控制器的作用:

    通過給定我們資料模型的語境,控制器允許我們建立模型和視圖之間的資料綁定。我們是這樣把表現層,資料和邏輯部件聯系在一起的。

繼續閱讀