在 Angular 2 - override/eliminate 自定义元素中?
In Angular 2 - override/eliminate the custom element?
所以我一直在玩 Angular 2 个组件,我注意到组件需要一个选择器,IE:my-component
。我可能有一个组件不希望输出自定义元素(即:我只想输出一个 div,但我不想让消费者担心我正在输出哪个元素)。
是否可以使用 Angular2 仅输出模板,并删除或覆盖自定义元素?
我遇到了这个问题,发现我可以让父组件通过在子组件上使用属性选择器而不是元素选择器来指定包装元素:
@Component({ selector: '[custom-attribute]' })
如果你调用它:
<div custom-attribute></div>
它会将子组件的@View 注入到 div 中,而不是将其包装在 <custom-attribute></custom-attribute>
中
所以我一直在玩 Angular 2 个组件,我注意到组件需要一个选择器,IE:my-component
。我可能有一个组件不希望输出自定义元素(即:我只想输出一个 div,但我不想让消费者担心我正在输出哪个元素)。
是否可以使用 Angular2 仅输出模板,并删除或覆盖自定义元素?
我遇到了这个问题,发现我可以让父组件通过在子组件上使用属性选择器而不是元素选择器来指定包装元素:
@Component({ selector: '[custom-attribute]' })
如果你调用它:
<div custom-attribute></div>
它会将子组件的@View 注入到 div 中,而不是将其包装在 <custom-attribute></custom-attribute>