ng-style的用法

html

<table>
  <tbody>
    <tr>
       <td style="padding:50px;border:1px soild red" ng-style="data">
       </td>
    </tr>
 </tbody>
</table>

js

 var a=[{'red': '0','green': '0', 'blue': '0' }, {'red':'255','green': '255','blue': '255'},{'red': '255','green':'0','blue': '0'}];  
 console.log(a); 
 var b=[]; for(var i=0;i<a.length;i++){
    b.push({'background-color':'RGB('+a[i].red+','+a[i].green+','+a[i].blue+')'}); }
 }
 $scope.myObject = b; console.log($scope.myObject);

注意

  1.ng-style的值是用双引号括起来的
  2.push css的时候,中间的冒号是不用放在双引号里面的。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值