Angular深入理解之指令
生活随笔
收集整理的這篇文章主要介紹了
Angular深入理解之指令
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
- Angular深入理解之指令
- 指令有什么功能
- Attribute directives 屬性指令
- Structural directives 結(jié)構(gòu)指令
- 自定義屬性指令
- 自定義結(jié)構(gòu)指令
- 指令有什么功能
Angular深入理解之指令
對(duì)于初學(xué)Angular的同學(xué)來(lái)說(shuō),指令無(wú)疑是最痛苦的,那么我們?cè)趺词褂米远x的指令呢?指令到底怎么實(shí)現(xiàn)呢?為什么要寫指令呢?
首先我們先了解指定,然后通過(guò)自定義指令來(lái)理解他。
指令有什么功能
Attribute directives 屬性指令
定義:
更改組件或元素的行為但不影響模板的指令
屬性指令用于改變?cè)氐耐庥^和行為。例如,內(nèi)置的ngStyle指令可以同時(shí)改變一個(gè)元素的多個(gè)樣式。我們可以通過(guò)把它綁定到一個(gè)組件的屬性上實(shí)現(xiàn)對(duì)文本加粗,字體為斜體,顏色設(shè)置為石灰綠這樣一系列蛋疼的效果。
例如:
總結(jié)
以上是生活随笔為你收集整理的Angular深入理解之指令的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Public Sale【博弈】
- 下一篇: 【数学】Element Swapping