©
This document uses PHP Chinese website manual Release
ngStyle指令允许你在HTML元素上条件化设置CSS样式。
<ANY
ng-style="">
...
</ANY><ANY class="ng-style: ;"> ... </ANY>| 参数 | 类型 | 详述 |
|---|---|---|
| ngStyle | expression |
结果为对象的表达式，对象的键名为CSS样式名，对象的键值为CSS名对应的值。 有些CSS样式名不能直接作为对象的键名，它们必须用引号括起来。参见下面例子中的 '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)');});