字符串連接與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