angular5 - Anuglar 5 Kendo UI kendo-tabstrip-tab

Question

我想在选择选项卡时动态读取 div 元素。

注意：我正在创建多轴图表。这就是我使用jquery图表的原因。

错误：未捕获（承诺中）：TypeError：无法读取未定义的属性“nativeElement”

html:

 <kendo-tabstrip (tabSelect)="ChartTabSelection($event)">
        <!-- FIRST TAB -->
        <kendo-tabstrip-tab [title]="' abc 123'" [selected]="true">
          <ng-template kendoTabContent>           
            <div class="demo-section k-content wide">
              <div #kendoChart1></div>
            </div>            
          </ng-template>
        </kendo-tabstrip-tab>
        <!-- SECOND TAB -->
        <kendo-tabstrip-tab [title]="'abc 234'">
          <ng-template kendoTabContent>

            <div class="demo-section k-content wide">
              <div #kendoChart2></div>
            </div>           
          </ng-template>
        </kendo-tabstrip-tab>
      </kendo-tabstrip>

控制器.ts

ChartTabSelection(data: any) {
        if (data.index === 0) {
 kendo.jQuery(this.component.kendoChart1.nativeElement).kendoChart({

});
        } else {
 kendo.jQuery(this.component.kendoChart2.nativeElement).kendoChart({

});
        }
  }