??????? 各位觀眾老爺大家好,歡迎收看內(nèi)褲總動員之程序猿的IT程序大講堂,今天給大家分享一個(gè)新的東西就是.AngularJS.
angularjs 有四大特性
第一個(gè)例子: MVC
第二個(gè)例子:模塊化
第三個(gè)例子:指令系統(tǒng)
第四個(gè)例子:雙向數(shù)據(jù)綁定.
首先先給大家來說一下第一個(gè)例子,MVC
MVC
MVC是 model? view?? controller? 三個(gè)單詞的縮寫.
model : 數(shù)據(jù)模型層
view: 視圖層 負(fù)責(zé)展示
controller: 業(yè)務(wù)邏輯和邏輯控制
好處:職責(zé)清晰, 代碼模塊化
angularjs簡介
Angularjs通過 ng-directives擴(kuò)展了html.
ng-app指令定義一個(gè)angularjs應(yīng)用程序
ng-model指令把元素值(比如輸入域的值)綁定到應(yīng)用程序?? ; 此命令個(gè)人理解為 mvc中的m,也就是數(shù)據(jù)模型.
ng-bind指令把應(yīng)用程序數(shù)據(jù)綁定到html視圖.
實(shí)例講解:
當(dāng)王爺加載完畢,angularjs自動開啟.
ng-app指令告訴angularjs, div元素是angualrjs 應(yīng)用程序的 "所有者".
ng-model指令把輸入域的值綁定到應(yīng)用程序變量name.
ng-bind指令把應(yīng)用程序變量name綁定到某個(gè)段落的innerHTML.
ng-init指令初始化angularjs應(yīng)用程序變量
HTML5 允許擴(kuò)展的（自制的）屬性，以data-開頭。
AngularJS 屬性以ng-開頭，但是您可以使用data-ng-來讓網(wǎng)頁對 HTML5 有效。
AngularJS表達(dá)式
AngularJS表達(dá)式寫在雙大括號內(nèi): {{expression}}.
AngularJS表達(dá)式把數(shù)據(jù)綁定到HTML,這與ng-bind指令有一異曲同工之處.
AngularJS表達(dá)式書寫的位置"輸出"數(shù)據(jù).
AngularJS表達(dá)式 很想? JS 表達(dá)式.? 他們可以包含文字 . 運(yùn)算符和變量.
AngularJS應(yīng)用
AngularJS模塊 (module)定義了angularjs應(yīng)用.
AngularJS控制器(controller)用于控制AngularJS應(yīng)用.
ng-app指令定義了應(yīng)用.
ng-controller定義了控制器
在這里 AngularJS模塊定義應(yīng)用:
AngularJS 控制器控制應(yīng)用:
