试图通过组件化jqxDocking子节点使其更加模块化，但它看到的是组件而不是div

Question

一个概念足够简单。首先，我创建了一个具有标题和内容div的组件。但是，似乎出现的问题是，当我尝试将其作为子级添加到 jqxDocking 组件时，它会失败。

例如，我尝试将其转换为

<jqxDocking
        (onDragStart)="onDragStart($event)"
        [orientation]="horizontal"
        [width]='800'
        [mode]="docked">
   <div>
       <div id="window1" style="height: 220px;">
           <div>
               Date and Time
           </div>
           <div style="overflow: hidden;">
               Content of the "Date and Time" section
           </div>
       </div>
       <div id="window2" style="height: 220px">
           <div>
               News
           </div>
           <div style="overflow: hidden;">
               Content of the "News" section
           </div>
       </div>
   </div>
</jqxDocking>`

来源： https://www.jqwidgets.com/angular-components-documentation/documentation/jqxdocking/angular-docking-getting-started.htm?search=

我希望将其转变为更干净的东西：

<jqxDocking>
    <docked-widget></docked-widget>
</jqxDocking>

我几乎将内容转储到正在制作的新组件中，并按原样实施了，但是发现它无法在屏幕上正确呈现。我事先检查它是否可以正常工作，并注意到如果我抽象了一个关卡，并添加了类似以下内容：

<div><docked-widget></docked-widget></div>

它至少配置了它的对接方面。它只是不知道标题是什么等等。标题存在于我的组件中。

，所以我在想可能要扩展一些内容，以使我的组件得到相应的识别和处理。我没有看到任何能达到目的的方法，而且我甚至不确定是否有可能。