Angular2选择器标签打破了css父/子关系

Question

在涉及 CSS 样式时，我有一个严重依赖父子关系的模板。

标签（选择器）包装组件标记（html）。有没有办法隐藏它？或者这是 angular2 的一个功能并且没有解决方法是可能的？

我知道他们似乎已经替换了 angular1 指令中的“replace:true”选项

谢谢！

Answer 1

类似问答here

如果您不想要 <special-comp></special-comp> 元素而想要 <div special-comp></div>，请试一试。

但是 Angular 2 在他们的 STYLE GUIDE 中警告你不要这样做

在你父母看来

<div>
    <div special-comp></div>
</div>

然后在您孩子的组件中

import { Component, Input } from '@angular/core'
@Component({
    selector: "[special-comp]",
    templateUrl: "./path/to/template.html"
})

export class MyChildComponent {
    ...
}

这将创建一个 div 与一个属性 special-comp 而不是创建一个 html 元素 <special-comp>

所以当你在 chrome 中检查时，你会看到

<div special-comp></div>

比

<special-comp></special-comp>