angular.js - angularJS ng-style用法-PHP中文网问答

angular.js - angularJS ng-style用法

phpcn_u1582 2017-05-15 16:58:40

[AngularJS讨论组]

877

angularJS ng-style用法谢谢

phpcn_u1582

全部回复(1)

phpcn_u15822017-05-15 17:00:40 1楼

ng-style指令对应一个由css的属性组成的键值对，是一个对象，给对应的元素添加相应的样式，下面是angular的api文档中给出的示例，文档地址 https://docs.angularjs.org/api/ng/directive/ngStyle 可能需要翻墙，也可以看看菜鸟教程的解释 http://www.runoob.com/angularjs/ng-ng-style.html

<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>