角度错误：“模板解析错误：解析器错误：预期缺失：”

Question

我有这个ngClass指令：

[ngClass]="{checkFav(fullArtist) ? 'action-btn-added' : 'action-btn-not-added'}"

其中checkFav是函数。 我收到此错误：

错误：模板解析错误： 解析器错误：缺少预期内容：在[{checkFav（fullArtist）吗？ 'action-btn-add'：'action-btn-not-add'}]

我在做什么错？我读了很多答案，所有这些都暗示了我已经做过的事情，例如使用引号。

Answer 1

您需要将{更改为（as

<div [ngClass]="(checkFav(fullArtist) ? 'action-btn-added' : 'action-btn-not-added')">Test</div>

但是您应该移动逻辑以将类代码选择为checkFav(fullArtist)

并且仅使用<div [ngClass]="checkFav(fullArtist)">Test</div>

演示https://stackblitz.com/edit/angular-rps3ma

Answer 2

您需要删除花括号。在这种情况下，ngClass不是必需的。尝试以下

[ngClass]="(checkFav(fullArtist) ? 'action-btn-added' : 'action-btn-not-added')"