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可以直接嵌套并在Kendo PanelBar组件中呈现。如果要构建可重用的组件并在PanelBar中使用它，可以通过将其包含在带有{{3的 ng-template 标记的面板栏项的内容中来实现。例如：

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

kendoPanelBarContent directive

Kendo PanelBarItem将自定义组件添加为子级

1 个答案: