Question

在ngSwitch中使用ngFor的正确方法是什么？

如果我执行以下操作，则会收到错误

得到插值（{{}}），其中表达式是预期的

<span *ngFor="let action of actions">
    <span [ngSwitch]="{{action}}">
        <span *ngSwitchCase='edit'>Edit</span>
        <span *ngSwitchCase='delete'>Delete</span>
    </span>
</span>

Answer 1

在与(...)或[...]的绑定中，您不需要将变量插入到字符串中，您可以按原样使用它来绑定它。

<span [ngSwitch]="action">

Answer 2

<span *ngFor="let action of actions">
    <span [ngSwitch]="{{action}}">
        <span *ngSwitchCase="'edit'">Edit</span>
        <span *ngSwitchCase="'delete'">Delete</span>
    </span>
</span>

对于*ngSwitchCase，如果值是一个字符串，我们需要将其用双引号括起来，然后使用单引号将其传递，例如：*ngSwitchCase="'delete'"

Angular 2 ngSwitch嵌套在ngFor中

2 个答案: