AngularJS 入門基礎(chǔ) (1)

1.什么是AngularJS

基于MVC模式發(fā)展的MVVM模式 js 框架觉义,

M----------------> Model(數(shù)據(jù)):存儲請求服務(wù)器下來的數(shù)據(jù)

V----------------->View? (視圖):HTML 展示

C---------------->Controller (控制器):通過控制器控制數(shù)據(jù)展示在視圖中悍及,

一旦M,V芭析,C發(fā)生變化敦间,相對應(yīng)的兩個部分 也要 變化,C作為控制器梦皮,代碼量巨大,當項目較大時桃焕,臃腫剑肯。MVC的所有通信都是單向的。即VC CM

從MVC發(fā)展出MVP

M----------------> Model

V----------------->View

P---------------->Presenter (主持)

各部分之間的通信观堂,都是雙向的让网。 View 與 Model 不發(fā)生聯(lián)系,都通過 Presenter 傳遞

即:VP PV, MP PM

從MVP發(fā)展出MVVM

M----------------> Model

V----------------->View

VM---------------->ViewModel

基本與MVP 相同师痕,唯一的區(qū)別在于采用雙向綁定(data-binding):View的變動溃睹,自動反映在 ViewModel,反之亦然七兜。一部分數(shù)據(jù)展示直接交給View來出來丸凭。

2.AngularJS 指令

ng-app、ng-controller腕铸、ng-model惜犀、ng-bind、ng-repeat狠裹、ng-init虽界、ng-click/mouseover

什么是指令,指令是擴展的 HTML 屬性涛菠,帶有前綴?ng-莉御。

ng-app:表示這是一個angularJS應(yīng)用?

ng-controller:表示受到controller控制

ng-model:用于綁定應(yīng)用程序數(shù)據(jù)到 HTML 控制器的值

ng-bind:用于展示應(yīng)用程序數(shù)據(jù)到 HTML 控制器的值

ng-init:初始化一個值

ng-reapet: 循環(huán)集合中元素,可以用?trace by,order 等修飾

ng-click/mouseover:事件表示俗冻,形同html事件礁叔。

{{a}}:angularJS 表達式,可以直接把angularJS的變量輸出迄薄。

3.Controller的使用

<div ng-app="test">

? ? <div ng-controller="main">

????</div>

</div>

<script>

let mod = angular.module("test",[]);

mod.controller("main",function($scope,$http,$interval){

// angularJS code;

});????

獲取test app中的main Controller??再使用?$scope?對象來調(diào)用控制器琅关。

$scope:當前這個controller的angular所有變量集。

$rootscope:獲取所有controller中的angular所有變量集讥蔽。

</script>

ps:自學angularjs涣易,這是我的理解。如果有理解錯誤的地方冶伞,請指出新症。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末响禽,一起剝皮案震驚了整個濱河市徒爹,隨后出現(xiàn)的幾起案子荚醒,更是在濱河造成了極大的恐慌,老刑警劉巖隆嗅,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件腌且,死亡現(xiàn)場離奇詭異,居然都是意外死亡榛瓮,警方通過查閱死者的電腦和手機铺董,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來禀晓,“玉大人精续,你說我怎么就攤上這事〈饫粒” “怎么了重付?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長凫乖。 經(jīng)常有香客問我确垫,道長,這世上最難降的妖魔是什么帽芽? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任删掀,我火速辦了婚禮,結(jié)果婚禮上导街,老公的妹妹穿的比我還像新娘披泪。我一直安慰自己,他們只是感情好搬瑰,可當我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布款票。 她就那樣靜靜地躺著,像睡著了一般泽论。 火紅的嫁衣襯著肌膚如雪艾少。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天翼悴,我揣著相機與錄音缚够,去河邊找鬼。 笑死抄瓦,一個胖子當著我的面吹牛潮瓶,可吹牛的內(nèi)容都是我干的陶冷。 我是一名探鬼主播钙姊,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼埂伦!你這毒婦竟也來了煞额?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎膊毁,沒想到半個月后胀莹,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡婚温,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年描焰,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片栅螟。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡荆秦,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出力图,到底是詐尸還是另有隱情步绸,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布吃媒,位于F島的核電站瓤介,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏赘那。R本人自食惡果不足惜刑桑,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望募舟。 院中可真熱鬧漾月,春花似錦、人聲如沸胃珍。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽觅彰。三九已至吩蔑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間填抬,已是汗流浹背烛芬。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留飒责,地道東北人赘娄。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像宏蛉,于是被迫代替她去往敵國和親遣臼。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,843評論 2 354

推薦閱讀更多精彩內(nèi)容