angular5 - Anuglar 5 剣道 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>

controller.ts

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

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

});
        }
  }