Kendo PanelBarItem添加自定义组件作为子

Question

我想创建组件，它的模板包含PanelBarItems。

它似乎没有工作。 任何想法为什么？

主成分：

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'app-root', 
    template: ` 
    <kendo-panelbar> 
    <app-sub></app-sub> 
    </kendo-panelbar>` 
}) 

export class AppComponent {} 

辅元件：

import { Component, OnInit } from '@angular/core'; 

@Component({ 
    selector: 'app-sub', 
    template: '<kendo-panelbar-item title="test"></kendo-panelbar-item>' 
}) 
export class SubComponent {} 

Answer 1

只有PanelBarItem components可以直接嵌套和剑道PanelBar组件内呈现。

<kendo-panelbar> 
     <kendo-panelbar-item [title]="'My Teammates'" expanded="true"> 
      <ng-template kendoPanelBarContent> 
       <custom-component></custom-component> 
       <app-sub></app-sub>... 

：如果你想建立一个可重用的组件和PanelBar内使用它，你可以通过与 kendoPanelBarContent directive，例如，它包裹在一个 NG-模板标签提供它的面板栏项目的内容这样做

http://plnkr.co/edit/SPO4ZMhfNQFm7du8w1xT?p=preview