首頁技術(shù)文章正文

AngularJS 中指令如何使用?

更新時(shí)間:2021-02-21 來源:黑馬程序員 瀏覽量:

1577370495235_學(xué)IT就到黑馬程序員.gif

指令(directive)是AngularJS中的一個(gè)重要概念,可以看作自定義的HTML.元素,是AngularJS操作HTML元素的一種途徑。 在AngularJS官方文檔中稱指令為HTMIL語言的DSL擴(kuò)展,DSL是指特定領(lǐng)域語言。

 

AngularJS會(huì)把數(shù)據(jù)放在名為作用域($scope)的對(duì)象中,并把對(duì)象綁定到一個(gè)HTML模板上。于是,在這個(gè)HTML模板中,就可以使用AngularJS提供的指令來打標(biāo)記。然后AngularJS框架根據(jù)標(biāo)記將頁面渲染給用戶,把數(shù)據(jù)填充到對(duì)應(yīng)的位置上,同時(shí)把事件處理程序綁定到相應(yīng)的事件上。

 

在上述過程中可以看出,AngularJS是結(jié)合模板和指令來向用戶呈現(xiàn)HTML視圖的,模板就是基本的HTML。

 

在AngularJS中,指令用于輸出或綁定表達(dá)式,示例代碼如下。

- Model=" AngularJs Expression ;
 
ng- bind=" AngularJS Expression


在Angulals中內(nèi)置了大量帶有“ng”前級(jí)的指令用于處理DOM操作功能,并且提供丁自定義指令的功能。指令的實(shí)質(zhì)是綁定在DOM元素上的函數(shù),在該函數(shù)內(nèi)部可以景作DOM、調(diào)用方法、定義行為綁定控制器和對(duì)象等。指令會(huì)在瀏覽器解析DOM元素時(shí)和元素的其他屬性一樣被解析,它使 AngularJS應(yīng)用具有動(dòng)態(tài)性和響應(yīng)能力。本書的第3章將會(huì)對(duì)Angulals常用內(nèi)置指令和如何自定義指旨令的內(nèi)容進(jìn)行詳細(xì)的介紹。


猜你喜歡:

在vue中v-for指令中key作用

Python 前端HTML5基本格式【前端技術(shù)文章】

HTML和HTML5的發(fā)展歷史

黑馬程序員web前端培訓(xùn)

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!