angular.js - angularJS ng-style用法

问题描述

angularJS ng-style用法 谢谢

问题解答

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>