試圖在angular2中綁定kendo tabstrip中的動態標題（插值）

Question

我試圖爲angular2綁定插入標題到kendo tabstrip，但是我的代碼不工作。

*沒有內插的代碼，tist工作正常但內插不起作用！

<kendo-tabstrip> 
    <kendo-tabstrip-tab **[title]="'Paris'" ** [selected]="true"> 
     <ng-template kendoTabContent> 
     </ng-template> 
    </kendo-tabstrip-tab> 
    <kendo-tabstrip-tab **[title]="'New York City'" **> 
    <ng-template kendoTabContent> 
    </ng-template> 
    </kendo-tabstrip-tab> 
    <kendo-tabstrip-tab [title]="'Tallinn'"> 
    <ng-template kendoTabContent> 
    </ng-template> 
    </kendo-tabstrip-tab> 
    <kendo-tabstrip-tab [title]="'Sydney'" [disabled]="true"></kendo-tabstrip-tab> 
</kendo-tabstrip> 

硬編碼數據：

public cities=[ 
    {"city":"Paris"}, 
    {"city":"London"} 
    ] 

Tryied代碼：

<kendo-tabstrip> 
      <kendo-tabstrip-tab [title]="item.city" [selected]="true" *ngFor="let item of cities"> 
       <ng-template kendoTabContent> 

       </ng-template> 
      </kendo-tabstrip-tab> 
    <kendo-tabstrip> 

謝謝

Answer 1

試一下：* ngFor = 「城市，讓項目」>

Answer 2

我正在使用這個代碼，它的工作k對我來說：

<kendo-tabstrip (tabSelect)="onTabSelected($event)"> 
    <kendo-tabstrip-tab *ngFor="let tab of tabs;" [title]="'title ' + tab.title)" [selected]="tab.isSelected"> 
     <ng-template kendoTabContent> 
      // your tab content 
     </ng-template> 
    </kendo-tabstrip-tab> 
</kendo-tabstrip>`