Angular плющ и фигурные скобки - PullRequest
Новая
       6

Angular плющ и фигурные скобки

0 голосов
/ 15 февраля 2020

Я недавно обновил свое приложение до angular 9 с помощью компилятора Ivy, и я столкнулся с этой ошибкой:

Ошибка: шаблон синтаксического анализа ошибок: неожиданный символ "EOF" (у вас есть unescaped "{" в вашем шаблоне? Используйте "{{'{'}}"), чтобы убрать его.) ("] =" {'selected': isSelected (option)} ", * ngFor =" let option of options; index as i; ") {{option}}

Для этого шаблона (здесь версия мопса) 

.MultiSelect
  .MultiSelect__message {{message}}
  .MultiSelect__option(
    (click)="toggleOption(option, $event)",
    [ngClass]="{'selected': isSelected(option)}", <-- here the error
    *ngFor="let option of options; index as i;"
  ) {{option}}

То, что пытается сказать мне, - это то, что мне нужно заменить каждый { с {{ '{' }}, который кажется странным и нечитаемым: 

[ngClass]="{{ '{' }}'selected': isSelected(option){{ '}' }}"

Так в чем смысл? Есть что-то, что я могу сделать, чтобы обойти это, или мне действительно нужно переписать мой код?

...