ng类中表达式中的委托方法

Question

我正在尝试向ng类的表达式添加一个方法。我想根据在有界对象中找到的一些信息为div上色。

这是我的观点：

<div class="starter-template" ng-controller="MachineController as mc">
<div class="machineContainer" ng-repeat="machine in mc.data">
<div class="machineView" ng-class="{
'redDiv': mc.delegateCheckStatus(mc.STATES.down, machine.status),
'yellowDiv': mc.delegateCheckStatus(mc.STATES.idle, machine.status),
'greenDiv': mc.delegateCheckStatus(mc.STATES.running, machine.status)
}">{{machine.name}}</div>
</div>

这是我的控制器。在内部，我有一个方法(delegateCheckStatus)，用于检查字符串machineStatus:中是否有mstatus

.controller('MachineController', ['MachineInfo','FormatName', function(MachineInfo,FormatName){
var vm = this;
vm.data = undefined;
vm.pattern = '^([a-zA-Z]+)([0-9]+)$';
vm.STATES = {
'idle': 'idle',
'down': 'down',
'running': 'running',
'notPosted': 'not posted'
}

MachineInfo.getMachineInfo().then(function(response){
var data = angular.fromJson(response.data);
vm.data = FormatName.formatName(data.machines);
}, function(response){
console.log(response);
});
vm.delegateCheckStatus = function(mstatus, machineStatus){
var patt = new RegExp(mstatus);
if(patt.test(machineStatus)){
return patt.test(val);
}
return false;
}
}]);
var theDataOfAllDatas = [
{ id: 1, name: "mnp111", ip: "192.168.184.137", status: "down", description: "m1", errors: null },
{ id: 2, name: "mnp112", ip: "192.168.184.138", status: "idle", description: "m2", errors: null },
{ id: 3, name: "mnp113", ip: "192.168.184.139", status: "server running", description: "m3", errors: null }];

DataOfAllDatas是我的测试阵列

根据方法delegateCheckStatus返回的值，我想给div上色(请参阅html文件)

我的css文件如下：

.starter-template {
padding: 40px 15px;
}
.machineView{
float: left;
border: solid 1px;
border-radius: 3px;
padding: 2px;
}
.redDiv{
background-color: #FF6666;
}
.yellowDiv{
background-color: #FFFF66;
}
.greenDiv{
background-color: #66FF66;
}

我的问题是，使用上面的方法，div没有着色。我做了一个小调试，发现方法delegateCheckStatus被调用，但没有应用css。

如果我(在html文件中)用单引号将表达式括起来：

'redDiv': 'mc.delegateCheckStatus(mc.STATES.down, machine.status)'

那么所有的div都将使用相同的颜色(在我的情况下是绿色，因为这是最后一种颜色)

在ng类中添加方法作为表达式的正确方法是什么？

谢谢

Answer 1

代码段中的语法是正确的：

ng-class="{'redDiv': mc.delegateCheckStatus(mc.STATES.down, machine.status), ...}

问题似乎存在于delegateCheckStatus函数本身。