2017-09-15 171 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' –