当td有多个项目时在角度表中更新行

Question

我有一个表，我正在使用angular.js显示。所以，我在table中的一个地方有两条信息。它有数据和颜色。我找到了编辑数据的东西，但是同时更改颜色的建议？

这是我的数据集的样子：

var datalist = [{scenario:"1", M1_date = '08/01/16', M1_color = 'green'},{scenario:"2", M1_date = '08/15/16', M1_color = 'red'}] 

什么我的表如下所示：

<td>{{ x.scenario }}</td> 
<td ng-class="{'success':M1_color = 'onTarget' , 'info' : M1_color = 'closed', 'warning' : M1_color = 'targetrisk','info' : M1_color = 'missed'}">{{ x.M1_date }} </td> 

Answer 1

参见片断如下：

看你的代码，你需要有一个格式正确的JSON（目前不是这种情况），并且在ng-class中，您需要进行比较而不是任务。 （参见JS中的=,==和===之间的差异，参见here和here）。

var app = angular.module('myApp', []); 
 

 
app.controller('mainCtrl',['$scope' , function($scope) { 
 

 
    $scope.values = [ 
 
    {scenario:"1", M1_date: '08/01/16', M1_color : 'green'}, 
 
    {scenario:"2", M1_date: '08/15/16', M1_color: 'red'} 
 
    ]; 
 
    
 
}]);

<style> 
 
    .success{ 
 
    background-color: green; 
 
    } 
 

 
    .warning{ 
 
    background-color: red; 
 
    } 
 
</style> 
 

 
<div ng-app="myApp" ng-controller="mainCtrl"> 
 
<table> 
 
    <tbody> 
 
    <tr ng-repeat="x in values"> 
 
     <td>{{x.scenario }}</td> 
 
     <td>{{x.M1_color}}</td>    <!-- shows `M1_color` attribute --> 
 
     <td>{{x.M1_color === 'green'}}</td> <!-- example of a comparison with `M1_color` attribute --> 
 
     <td ng-class="{'success': x.M1_color === 'green', 'warning': x.M1_color === 'red' }">{{ x.M1_date }} </td> <!-- using result of previous column to assign class depending on value of `M1_color` --> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 
    </div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>