AngularJS 的指令【HTML5技術(shù)文章】

指令(directive)是AngularJS中的一個(gè)重要概念，可以看作自定義的HTML.元素，是AngularJS操作HTML元素的一種途徑。 在AngularJS官方文檔中稱指令為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è)面渲染給用戶,把數(shù)據(jù)填充到對(duì)應(yīng)的位置上，同時(shí)把事件處理程序綁定到相應(yīng)的事件上。

在上述過(guò)程中可以看出，AngularJS是結(jié)合模板和指令來(lái)向用戶呈現(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ì)的介紹。



猜你喜歡：

如何通過(guò)JS實(shí)現(xiàn)深拷貝？【web前端培訓(xùn)】

v-for指令循環(huán)中key屬性有什么作用？

HTML5新增form屬性詳細(xì)講解【web前端文章】案）

傳智教育web高級(jí)軟件工程師培訓(xùn)