AngularJs GitHub: https://github.com/angular/angular.js/
AngularJs下載地址:https://angularjs.org/
摘要:Directive(指令)筆者認為是AngularJ非常強大而有有用的功能之一。它就相當于為我們寫了公共的自定義DOM元素或CLASS屬性或ATTR屬性,并且它不只是單單如此,你還可以在它的基礎上來操作scope、綁定事件、更改樣式等。通過這個Directive,我們可以封裝很多公共指令,比如分頁指令、自動補全指令等等。然后在HTML頁面里只需要簡單的寫一行代碼就可以實現很多強大的功能。一般情況下,需要用Directive有下面的情景:
1. 使你的Html更具語義化,不需要深入研究代碼和邏輯即可知道頁面的大致邏輯。
2. 抽象一個自定義組件,在其他地方進行重用。
一、Directive的定義及其使用方法
AngularJs的指令定義大致如下
Directive可以放置于元素名、屬性、class、注釋中。下面是引用myDir這個directive的等價方式。(但很多directive都限制為“屬性”的使用方式)
directive-name="exp">//屬性 directive-name: exp;">//class//元素 //注釋
如下一個實例 :
輸出結果:AngularJS入門學習
另一種辦法緩存是:
使用實例如下:
AngularJS入門學習 = 局部 scope 屬性
= 通過 directive 的 attr 屬性的值在局部 scope 的屬性和父 scope 屬性名之間建立雙向綁定。
意思是,當你想要一個雙向綁定的屬性的時候,你可以使用=來引入外部屬性。無論是改變父 scope 還是隔離 scope 里的屬性,父 scope 和隔離 scope 都會同時更新屬性值,因為它們是雙向綁定的關系。示例代碼:
AngularJS入門學習 另外還有一些特殊的服務(參數)可以注入
(1)$scope,與指令元素相關聯的作用域
(2)$element,當前指令對應的 元素
(3)$attrs,由當前元素的屬性組成的對象
(4)$transclude,嵌入鏈接函數,實際被執行用來克隆元素和操作DOM的函數
注意: 除非是用來定義一些可復用的行為,一般不推薦在這使用。
指令的控制器和link函數(后面會講)可以進行互換。區別在于,控制器主要是用來提供可在指令間復用的行為但link鏈接函數只能在當前內部指令中定義行為,且無法再指令間復用。Top 主站蜘蛛池模板: 日韩影片在线观看 | 日韩有码第一页 | 国产区免费在线观看 | 国模冰冰炮交图150 国模吧国模吧一二区 | 久久国产精品电影 | 精品日韩二区三区精品视频 | 精品国产成人综合久久小说 | 国产激情在线观看 | 国产精品一区在线播放 | 免费中国女人69xxxxx视频 | 啪啪免费网址 | 欧美一区二区在线视频 | 国产免费一区二区三区 | 成人三级在线观看 | 日韩精品在线视频观看 | 亚洲欧美日本在线观看 | 免费一看一级毛片人 | 成人欧美一区二区三区在线 | 国产精品视频第一区二区三区 | 国产最新视频 | 国产高清免费视频 | 亚洲精国产一区二区三区 | 国产一区二区三区久久 | 国产日本在线视频 | 日本成人久久 | 91精品国产亚一区二区三区 | 亚欧激情| 欧美日韩精品 | 欧美日韩高清一区二区三区 | 亚洲国产精品一区二区久久 | 国产亚洲午夜精品a一区二区 | 国产中文字幕在线视频 | 日韩在线观看一区二区三区 | 国产综合一区二区 | 国产一区在线看 | 国产一区二区三区视频 | 国产在线视欧美亚综合 | 亚洲欧美综合区自拍另类 | 自拍偷拍免费 | 精品久久综合一区二区 | 亚洲va国产va欧美va综合 |輸出結果:AngularJS入門學習
并且在控制臺下輸出hello everyone
讓我們看看$transclude();在這里,它可以接收兩個參數,第一個是$scope,作用域,第二個是帶有參數clone的回調函數。而這個clone實際上就是嵌入的內容(經過jquery包裝),可以在它上做很多DOM操作。
它還有最簡單的用法就是
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
學習AngularJs:Directive指令用法(完整版)_AngularJS
學習AngularJs:Directive指令用法(完整版)_AngularJS:本教程使用AngularJs版本:1.5.3 AngularJs GitHub: https://github.com/angular/angular.js/ AngularJs下載地址:https://angularjs.org/ 摘要:Directive(指令)筆者認為是AngularJ非常強大而有有用的功能之一。它就相當于為我們寫了推薦度:
- 熱門焦點
最新推薦
猜你喜歡
熱門推薦