Angular ошибка: «Ошибки синтаксического анализа шаблона: ошибка синтаксического анализатора: отсутствует ожидаемое:»

Question

У меня есть эта директива ngClass:

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

Где checkFav - это функция. Я получаю эту ошибку:

Ошибка: ошибки синтаксического анализа шаблона: ошибка синтаксического анализатора: ожидание отсутствует: в столбце 10 в [{checkFav (fullArtist)? 'action-btn-Added': 'action-btn-not-Added'}]

Что я делаю не так? Я прочитал много ответов, и все они предлагают вещи, которые я уже сделал, например, используя цитаты.

Answer 1

Вам нужно удалить фигурные скобки. В этом контексте ngClass не требуется. Попробуйте следующее

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

Answer 2

Вам нужно изменить {на (как

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

Но вы должны переместить logi c, чтобы выбрать код класса checkFav(fullArtist)

и использовать только <div [ngClass]="checkFav(fullArtist)">Test</div>

Демо https://stackblitz.com/edit/angular-rps3ma