Angular 2 ngSwitch嵌套在ngFor

Angular 2 ngSwitch嵌套在ngFor

问题描述:

ngFor中使用ngSwitch的正确方法是什么?Angular 2 ngSwitch嵌套在ngFor

如果我这样做,我收到了错误

得到插值({{}}),其中表达预计

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

在绑定与(...)[...]你不需要将你的变量插入到一个字符串中,你可以直接使用它来绑定它。

<span [ngSwitch]="action"> 
+0

谢谢。我实际上已经尝试过了,但由于没有在''ngSwitchCase''字符串中加双引号,因此它似乎没有工作。 – Steve

+0

现在你说了 - 你说得对。由于'ngSwitchCase'需要一个表达式,所以你必须传递一个变量或一个由引号括起来的字符串。 – rinukkusu

+1

史蒂夫的“双引号”仅仅是为了澄清其他人访问这里的情况,意思是双引号,'''''''''',而不仅仅是'''''''''' – Greg