Javascript 如何通过AngularJS在每个单元格中创建具有不同颜色和css行为的表。。

我是AngularJs程序的初学者。 我需要做一个表格，表格中的每个单元格都有不同的颜色。json文件中的所有数据。 有一个例子

在Html中 {{b}

在JS中

   var response = $http.get("api/GeneralSchedule/GeneralSchedule_jsonTemplate.json"
    ).success(function(data,status, headers,config){
      $scope.contexts = data.data;

 }

//json

 {
   data:[
         //first Row.
        {
        columns:[
           {
               "val":"a",
                "under_scope":"false",
               "color":"black"
             },
           {
               "val":"b",
                "under_scope":"false",
               "color":"purple"
           }  
        ]
        },

          // second row.
        {
        columns:[
           {
               "val":"c",
                "under_scope":"true",
               "color":"green"
             },
           {
               "val":"d",
                "under_scope":"true",
               "color":"blue"
           }  
        ]
        }
     ]
}

我只是以身作则。希望不要让人困惑

所以我想用AugularJS来处理范围和颜色，而不是使用JQuery

---

有人能帮我吗？

你可以用ng风格来做这个

<tr ng-repeat="row in data">
   <td ng-repeat="col in row.column">
      <span ng-style="{'color': col.color}">{{col.val}}</span>
   </td>
</tr>

{{col.val}}

ng样式需要较短的对象语法