Блог

Главная - Вопросы по программированию - Как интерполировать в угловой анимации

Как интерполировать в угловой анимации

#angular #angular-animations

#угловой #angular-анимации

Вопрос:

 <ng-container *ngFor="let obj of mainData | keyvalue">
   <span [@animate]="states.{{obj.key}}">
      //////////////////////////////
   </span>
</ng-container>

Я получаю сообщение об ошибке, в котором говорится, что «Ожидаемое выражение, получена интерполяция»

Ответ №1:

Скобки [] ожидают выражения, например, что-то вроде states.obj.key , тогда как для обычных атрибутов вы должны использовать интерполяцию {{}} для вставки выражения.

Я думаю, что вы хотели написать либо

[@animate]="states[obj.key]"

или

@animate="{{ states[obj.key] }}"

Ответ №2:

 <ng-container *ngFor="let obj of mainData | keyvalue">
   <span [@animate]="states.{{obj.key}}">
        code
   </span>
</ng-container>

or

<ng-container *ngFor="let obj of mainData | keyvalue">
   <span [@animate]="states.[obj.key]">
        code
   </span>
</ng-container>