字符串连接与angular2中的属性绑定

Question

在Angular 2中,我们有几种方法可以在模板中创建属性绑定.我可以这样做:

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

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

<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