javascript - Angular2 中带有属性绑定(bind)的字符串连接

Question

在 Angular 2 中，我们有多种方法在模板中创建属性绑定(bind)。 我可以做这样的事情:

<li *ngFor="#course of courses; #i = index" id="someselector-{{i}}">{{course}}</li>

使用方括号语法是否可以获得相同的结果？

<li *ngFor="#course of courses; #i = index" [id]="someselector-i">{{course}}</li>
                                            ^^^^^^^
                                  how create string concatenation?

谢谢， G.

Answer 1

我发现你可以使用方括号来使用这种语法:

<li *ngFor="#course of courses; #i = index" [id]="'someselector-'+i">{{course}}</li>

有关更多信息，请查看 Pascal Precht 发表的这篇有趣的文章:http://blog.thoughtram.io/angular/2015/08/11/angular-2-template-syntax-demystified-part-1.html