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">
谢谢。我实际上已经尝试过了,但由于没有在''ngSwitchCase''字符串中加双引号,因此它似乎没有工作。 – Steve
现在你说了 - 你说得对。由于'ngSwitchCase'需要一个表达式,所以你必须传递一个变量或一个由引号括起来的字符串。 – rinukkusu
史蒂夫的“双引号”仅仅是为了澄清其他人访问这里的情况,意思是双引号,'''''''''',而不仅仅是'''''''''' – Greg