如何使用select EventEmitter Angular 2 TabstripComponent

请让我知道选择事件上angular 2选项卡的确切语法。我试着做如下的事情：

@Component({
  selector: 'my-app',
  template: `
     <kendo-tabstrip>
       <kendo-tabstrip-tab [title]="'Paris'" (select)="onTabSelected()">
            <span class="rainy">&nbsp;</span>
            <div class="weather">
                  <h2>17<span>&ordm;C</span></h2>
                  <p>Rainy weather in Paris.</p>
            </div>
       </kendo-tabstrip-tab>
       <kendo-tabstrip-tab [title]="'New York'" (select)="onTabSelected()">
            <span class="sunny">&nbsp;</span>
            <div class="weather">
                  <h2>29<span>&ordm;C</span></h2>
                  <p>Sunny weather in New York.</p>
            </div>
       </kendo-tabstrip-tab>
     </kendo-tabstrip>
    `
})
class AppComponent {
  public onTabSelected() {
    console.log('index');
  }
}

@组件({
选择器：“我的应用程序”，
模板：`
17º；C
巴黎多雨的天气

29º；C
纽约天气晴朗

`
})
类AppComponent{
公共选举{
console.log（'index'）；
}
}

但这对我不起作用

选择EventEmitter是剑道tabstrip（TabstripComponent）的一部分，而不是剑道tabstrip选项卡（TabstripTabsComponent）

你可以这样使用它-

<kendo-tabstrip (select)="onTabSelected($event)">
   <kendo-tabstrip-tab [title]="'tab1'" [selected]="true">
        Kendo UI - Tab Strip Demo
   </kendo-tabstrip-tab>
   ....
   ....

 onTabSelected(event: any){
     console.log('Tab Title: ' + event.title);
 }

---

参考资料：

TabStripComponent的tabSelect事件对我有效

在组件模板中：

<kendo-tabstrip (tabSelect)="onTabSelected($event)">
   <kendo-tabstrip-tab [title]="'tab1'" [selected]="true">
        Kendo UI - Tab Strip Demo
   </kendo-tabstrip-tab>
   ....
   ....

---

参考资料：

您需要查看

kendo tabstrip选项卡

组件的文档。这不是内置的Angular 2功能。您在哪里看到有关其

select

事件的信息？@select事件是

kendo tabstrip

组件的一部分。请检查我下面的答案。仅供参考-2018年6月-我需要根据cstewart下面的答案将“（选择）”更改为“（tabSelect）”，以使其正常工作。（毫无疑问，随着时间的推移，Telerik已经改变了这一点）。

onTabSelected(event: any){
     console.log('Tab Title: ' + event.title);
 }