试图在angular2的剑道标签条中绑定动态标题（插值）答案

【问题标题】：Trying to bind dynamic title(interpolation) in kendo tabstrip in angular2试图在angular2的剑道标签条中绑定动态标题（插值）
【发布时间】：2017-05-30 14:31:13
【问题描述】：

我正在尝试将插值标题绑定到 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"}
    ]

尝试过的代码：

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

谢谢

【问题讨论】：

标签： angular kendo-ui

【解决方案1】：

试试看：*ngFor="let item of city">

【讨论】：

其实是城市，忘记改名字了

【解决方案2】：

我正在使用此代码，它对我有用：

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

【讨论】：