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