2017-09-15 123 views
0

我想补充的具有条件的一类,但它不工作Angular2 ngClass不工作

<tr *ngFor="let time of times; let i = index"> 
     <td [ngClass]="{'red-time':checkInvalid(time['Proles Arrive'])}">{{time['Proles Arrive']}}</td> 
</tr> 

这是我的HTML

checkInvalid(entry: string){ 
console.log("This is the entry:" + entry); 
    return entry === 'Invalid Entry'; 
    } 

但从未添加类,即使当我日志条目它说:“无效条目”

当我使用“[ngClass] =” {“红时”:真正}连。”它仍然没有加入类

有什么建议吗?

+0

你能告诉我们你的'times'阵列的一个实例的状态? – lexith

+0

当您将checkInvalid(time ['Proles Arrive'])'替换为您希望返回的值时会发生什么? –

+0

我看它的方式它应该工作,除非该数组有问题 – masterpreenz

回答

0

变化如下

<td [ngClass]="{'red-time':checkInvalid(time['Proles Arrive'])==true}">{{time['Proles Arrive']}}</td> 
+0

仍然不工作 – DavidS

+0

这个怎么样? [ngClass] =“checkInvalid(time ['Proles Arrive'])== true?'red-time':'green'”。green is作为其他条件类添加。如果你不想要你可以把一个空字符串'' –

+0

也检查假条件。 checkInvalid(time ['Proles Arrive'])=='false' –