【问题标题】:Remove wrapper from Angular component从 Angular 组件中删除包装器
【发布时间】:2018-08-02 18:21:11
【问题描述】:

是否可以添加组件并仅保留其内容?

使用组件的示例:

<my-custom-component></my-custom-component>

呈现如下:

<my-custom-component>
  <div> ... </div>
</my-custom-component>

是否可以只渲染内容?在这种情况下,它将是:

<div> ... </div>

我需要这个原因是搞砸了我的 CSS 规则。

【问题讨论】:

    标签: angular components


    【解决方案1】:

    有您想要的功能请求

    现在你可以使用属性选择器来解决它:

    <div myComponent> ... </div>
    
    
    @Component({
      selector: '[myComponent]'
      ...
    })
    

    【讨论】:

    • 我以前试过这个,selector: '[copy-tags-button]' 并像&lt;div copy-tags-button [hidden]="favoritesActionBarStatus" [tags]="favorite.tags" tags-source="Favorites" item-end&gt;&lt;/div&gt; 一样使用,但包装器仍然存在。
    • 你只能拥有你添加属性的div
    • 我现在再次尝试只使用&lt;div copy-tags-button&gt;&lt;/div&gt;,但内容仍在包装器内。
    • 内容将始终在包装器内,但您可以选择将要使用的包装器 查看类似的方法。 stackoverflow.com/questions/47758430/…
    猜你喜欢
    • 2018-02-03
    • 1970-01-01
    • 2018-11-19
    • 2018-11-16
    • 2012-02-12
    • 2013-01-18
    • 2018-09-15
    • 2013-04-01
    • 1970-01-01
    相关资源
    最近更新 更多