嵌套在ngFor中的Angular 2 ngSwitch

Question

What is the correct way to use an ngSwitch within an ngFor ?

If I do the following I receive the error

Got interpolation ({{}}) where expression was expected

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

For *ngSwitchCase if the value is a string we need to pass it within double quotes and then with single quotes like above mentioned: *ngSwitchCase="'delete'"