{{ words }}
那么，如果ng-class和ng-style的樣式屬性都有padding-left:100px這個樣式，那么頁面會顯示出padding-left:100px的樣式，但text-decoration:line-through的樣式并沒有起作用。
原因2：表達(dá)式寫錯了
使用ng-style動態(tài)地設(shè)置CSS屬性和CSS值時，如果表達(dá)式寫錯了，那么樣式不會被應(yīng)用到相應(yīng)的元素上，從而導(dǎo)致ng-style不生效。
六、ng-style 加多重判斷
ng-style可以嵌套使用，我們可以在局部或全局的作用域中通過多重判斷的方式來動態(tài)地設(shè)置元素的樣式，如下面這個例子所示:
Ng-style working well!
Multiple Conditional ng-style!
上述代碼中，我們在div元素中使用了兩重判斷，通過問題1我們知道，CSS的權(quán)重問題可能會影響ng-style的實(shí)現(xiàn)，而將同一個屬性賦值多次可能會引發(fā)其他問題，因此我們可以在這里使用多重判斷來防止這個問題。如上述代碼所示，我們通過多重判斷來動態(tài)地改變文本的大小和顏色。
七、ng-style style區(qū)別
ng-style 和 正常樣式（style）標(biāo)簽的區(qū)別在于，ng-style可以通過變量動態(tài)地更改元素的樣式。而普通的CSS樣式則無法動態(tài)的改變元素的樣式屬性。
八、mjstyle
mjstyle 是實(shí)現(xiàn)動態(tài)改變CSS樣式的基于AngularJS的指令。它可以讓您在指令中動態(tài)地設(shè)置CSS屬性和CSS值，讓您的web應(yīng)用程序擁有更加靈活的樣式設(shè)置能力。
九、ng style tai chi chuan
ng style tai chi chuan指的是將ng-style與太極拳結(jié)合，使用太極拳的理念來動態(tài)地設(shè)置元素的樣式。因?yàn)樘珮O拳注重“以柔克剛“的原則，通過這個原則，我們可以通過ng-style來實(shí)現(xiàn)元素的漸變動態(tài)效果。一個簡單的示例如下：
選擇太極拳武器
選擇太極拳形"
上述代碼中，我們定義了一個div元素，使用ng-style為該元素動態(tài)地設(shè)置背景顏色、高和寬。在div元素中我們使用了AngularJS的太極拳武器和太極拳形動態(tài)地改變了元素的樣式，使得元素有了從小到大，逐漸渲染的效果。
京公網(wǎng)安備 11010802030320號