教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

AngularJS 的指令【HTML5技術文章】

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


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

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

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

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

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


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



猜你喜歡：

如何通過JS實現深拷貝？【web前端培訓】

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

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

傳智教育web高級軟件工程師培訓

0 分享到：
和我們在線交談！