Kendo Angular Tabstrip 包装器

Question

我想包装剑道标签条以将所有标签放在一个位置，并且每当我想更改标签组件时只需更改一个位置。考虑到这一点，我开始包装剑道标签条，但它不起作用。在这一点上我真的很困惑。这是我的代码：
自定义标签条.html

<kendo-tabstrip>
  <ng-content></ng-content>
</kendo-tabstrip>

custom-tab-component.html:

<kendo-tabstrip-tab [title]="title" [selected]="selected">
  <ng-template kendoTabContent>
    <ng-content></ng-content>
  </ng-template>
</kendo-tabstrip-tab>

其中 title 和 selected 是此组件中的输入。
最后我使用这些组件如下：

<app-custom-tab-strip>
    <app-custom-tab [title]="'title'" [selected]="true">
        test
    </app-custom-tab>
</app-custom-tab-strip>

谁能帮我找出我的代码的问题？

Answer 1

你必须使用 @Input() 和 @output() 发射器作为标题和选定的属性，因为当父组件调用子组件时，你必须为此传递 2 个值，因为它会设置运行时间。