Question

我正在尝试将插值标题绑定到angular2的kendo标签中，但我的代码无效。

*没有插值的代码，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>

谢谢

Answer 1

试试：* ngFor =“让城市的项目”＆gt;

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

试图在angular2中的kendo tabstrip中绑定动态标题（插值）

2 个答案: