ngClass在ngFor内部不工作，这是Angular 4中的第一个条件

我试图使用[ngClass]with condition在for循环中显示不同的图标。它在第二种情况下工作良好，但在第一种情况下不工作

<i [ngClass]="{'fa fa-heart text-warning':z.isPinned == true,'fa fa-heart-o text-warning':z.isPinned == false}" (click)=addFavorite(z,i);  aria-hidden="true"></i>

---

环境：angular/cli-1.5.0

从不使用==运算符，始终==

另外，您是否检查了您的

isPinned

是否具有真实值

---

最后，您可以使用

“fa-fa-heart-text-warning”进行简化：z.ispined，“fa-fa-heart-o-text-warning”：！z、 i输入

尝试使用三元运算符：

[ngClass]="z.isPinned ? 'fa fa-heart text-warning' : 'fa fa-heart-o text-warning'"

---

你能发布整个ngFor代码吗？感谢您获取异常，解析器错误：缺少预期：在[{z.isPinned？'fa-fa-heart-o text warning'：'fa-fa-heart-o text warning'}@PrabakarK抱歉，您需要删除花括号，更新答案，立即重试：）[ngClass]=“z.isPinned？'fa-fa-heart-o text warning'：'fa-fa-heart-o text warning'-这在没有{}的情况下工作@PrabakarK是的，这就是我所指的，之前更新了答案：）谢谢更新。抱歉，我没有刷新浏览器