?
This document uses PHP Chinese website manual Release
ngStyle
指令允許你在HTML元素上條件化設(shè)置CSS樣式。
<ANY
ng-style="">
...
</ANY>
<ANY class="ng-style: ;"> ... </ANY>
參數(shù) | 類型 | 詳述 |
---|---|---|
ngStyle | expression |
結(jié)果為對(duì)象的表達(dá)式,對(duì)象的鍵名為CSS樣式名,對(duì)象的鍵值為CSS名對(duì)應(yīng)的值。 有些CSS樣式名不能直接作為對(duì)象的鍵名,它們必須用引號(hào)括起來。參見下面例子中的 'background-color'樣式。 |
<input Type="button" value="set color" ng-click="myStyle={color:'red'}">
<input Type="button" value="set background" ng-click="myStyle={'background-color':'blue'}">
<input Type="button" value="clear" ng-click="myStyle={}"><br/>
<span ng-style="myStyle">Sample Text</span>
<pre>myStyle={{myStyle}}</pre>
span {
color: black;}
var colorSpan = element(by.css('span'));
it('should check ng-style', Function() {
expect(colorSpan.getCssValue('color')).toBe('rgba(0, 0, 0, 1)');
element(by.css('input[value=\'set color\']')).click();
expect(colorSpan.getCssValue('color')).toBe('rgba(255, 0, 0, 1)');
element(by.css('input[value=clear]')).click();
expect(colorSpan.getCssValue('color')).toBe('rgba(0, 0, 0, 1)');});