角2在第三方指令中使用自定义组件选择器

Question

我用的是NG2-靴式 手风琴指令。

使用以下语法，它可以很好地适用于普通html：

<accordion>
    <accordion-group heading="Heading 1">
        <div>Quick Search...</div>
    </accordion-group>
</accordion>

我想从以下组件中插入一个选择器：

<accordion>
    <accordion-group heading="Heading 1">
        <quick-search></quick-search>
    </accordion-group>
</accordion>

当我添加组件时，解析器就会移除选择器，而不会在其中显示任何内容。如果手风琴是我创建的指令，我通常会将组件(QuickSearchComponent)添加到如下指令列表中：

@Component({
   ...
   directives: [QuickSearchComponent]
   ...
})

但这是第三方指令。如何使指令识别它或添加到@Component.directives注释中？

Answer 1

directives: [QuickSearchComponent]

在包含

<accordion>
    <accordion-group heading="Heading 1">
        <quick-search></quick-search>
    </accordion-group>
</accordion>

并且在accordion或accordion-group组件中是不必要的。

在accordion-component中所必需的是一个<ng-content>标记，其中<quck-search>被排除到。

如果它适用于<div>Quick Search...</div>，那么它也应该与<quick-search></quick-search>一起工作。

这个问题是由其他原因引起的。