搜索

首页  >  问答  >  正文

angular.js - angularJS ng-style用法

angularJS ng-style用法 谢谢

phpcn_u1582phpcn_u15822744 天前788

全部回复(1)我来回复

  • phpcn_u1582

    phpcn_u15822017-05-15 17:00:40

    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>

    回复
    0
  • 取消回复