angular.js - angularJS ng-style用法

Question

angularJS ng-style用法 謝謝

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