ng-style的用法

来源:互联网 发布:电脑桌面时间软件 编辑:程序博客网 时间:2024/06/09 14:32

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的时候,中间的冒号是不用放在双引号里面的。
0 0