Конкатенация строк с привязкой свойств в angular2

в Angular 2 у нас есть несколько способов создания привязок свойств в шаблонах. Я мог бы сделать что-то вроде этого:

<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.

Ответы

Ответ 1

Я узнал, что вы можете использовать такой синтаксис, используя квадратные скобки:

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

За дополнительной информацией обращайтесь к этой интересной статье из Паскаля Пречта: http://blog.thoughtram.io/angular/2015/08/11/angular-2-template-syntax-demystified-part-1.html