AngularJS 中指令如何使用？

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

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

在上述過(guò)程中可以看出，AngularJS是結(jié)合模板和指令來(lái)向用戶(hù)呈現(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)能力。本書(shū)的第3章將會(huì)對(duì)Angulals常用內(nèi)置指令和如何自定義指旨令的內(nèi)容進(jìn)行詳細(xì)的介紹。


猜你喜歡：

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

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

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

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