AngularJS将多个模板传递给kendo-tabstrip

Question

我正在处理的页面是AngularJS，我需要在此处创建多个选项卡。我使用剑道作为UI。我要创建一个新组件来包装剑道。然后使用downgradeComponent适应AngularJS。这样可以吗？如果可以，我该怎么办？它可以传递“ title”和“ selected”，但不能传递“ myTabTemplate”。

<kendo-tabstrip>
    <kendo-tabstrip-tab *ngFor="let tab of tabs" [title]=”tab.title" [selected]="tab.selected" >
        <ng-template >
            <ng-container *ngTemplateOutlet="tab.myTabTemplate">
            </ng-container>
        </ng-template>
    </kendo-tabstrip-tab>    
</kendo-tabstrip>

这是调用包装剑道（AngularJS）的页面

<wrap-kendo [tabs]="localTabs">
</wrap-kendo>

<ng-template #tmp >
    <div ng-repeat="activity in vm.recentActivities" ng-click="vm.myclick()>
        <span>{{::activity.Name}}</span>
    </div>
</ng-template>

这是控制器（AngularJS）

@ViewChild('tmp') tmp :TemplateRef<any>;        
tabs: { title: string, selected: boolean, myTabTemplate: TemplateRef<any> } [] = [];

$onInit() {
    this.tabs.push({
        title: 'New title',
        selected: true,
        myTabTemplate: this.tmp
    });
}

get localTabs() {
    return this.tabs;
}