Angular中的內建指令和自定義指令

2021-07-13 20:04:20 字數 544 閱讀 1789

內建指令:

標記的範圍盡可能小,效能,區域範圍越小,效能會更好。

ngbind指令:將作用域($scope)中的值繫結到元素的 innerhtml 上,其效果會比通過表示式繫結的方式更友好

用於改進表示式 } 所帶來的載入時表示式符號暫時性展現的問題。

ngrepeat 指令:ng-repeat 指令用來遍歷乙個陣列重複建立當前元素

ngshow和nghide 指令:用於控制頁面元素的隱藏和顯示值為boolean型別。

如果是false,就會在頁面元素上加上乙個類ng-hide用於隱藏元素

ngif 指令:ngif指令完全不同於ngshow或者nghide ,它控制的是:是否有這個dom元素,而非顯示隱藏。

事件指令:

ng-change:發生改變

ng-copy:拷貝完成

ng-click:單擊 ng-click='func()'

ng-dblclick:雙擊

ng-focus:得到焦點

ng-blur:失去焦點

ng-submit:表單提交

Angular 常見內建指令

指令 就是擴充套件了html的基本功能,通過額外的標籤 屬性來增強html功能 angular的指令在頁面中體現出來就是乙個標籤 屬性 class名稱 注釋等等 常見指令,按照指令的功能,劃分為五大類 1.控制指令,用於angular應用程式載入流程控制 2.渲染指令,用於angular將資料在網頁...

angular常用內建指令

指令名稱 描述用來定義模組的作用範圍 ng controller 用來定義控制器的作用範圍 ng repeat 迴圈遍歷陣列 ng bind 繫結資料 同 ng show 用來顯示或隱藏元素 值為true false 原理是設定元素的display ng hide 用來顯示或隱藏元素 值為true ...

Angular 4 0 內建指令

原文出處 在這篇文章中,我們將分別列舉每乙個內建指令的用法,並提供乙個例子作為演示。盡量用最少最簡單的描述,讓你在更快更準確地學會每一種內建指令的基本用法。作用 像 for 迴圈一樣,可以重複的從陣列中取值並顯示出來。例子 ts this.userinfo 張三 李四 王五 html 講解 他的語法...