如何在 Angular 动画中进行插值

Question

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

我收到一条错误消息“预期的表达式，得到了插值”

Answer 1

括号 [] 需要一个表达式，例如类似于 states.obj.key，而在普通属性上，您必须使用插值 {{}} 来插入表达式。

我想你想写的是

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

或

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

Answer 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>

如何在 Angular 动画中进行插值

How to interpolate in Angular animation

angular

angular-animations