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

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

更新時間:2021年02月22日17時19分來源:傳智教育瀏覽次數(shù):

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

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

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

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

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

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

猜你喜歡：

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

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

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

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

上一篇：企業(yè)什么情況下選擇混合App開發(fā)模式? 下一篇：六大H5常用結(jié)構(gòu)元素【前端技術(shù)文章】