angular.js - angularJS ng-style用法
phpcn_u1582
phpcn_u1582 2017-05-15 16:58:40
0
1
816

angularJS ng-style用法 謝謝

phpcn_u1582
phpcn_u1582

全部回覆(1)
phpcn_u1582

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>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板