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属性特殊复制RATHER而不是创建一个html元素<special-comp>

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

<div special-comp></div>

比

更重要

<special-comp></special-comp>

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

1 个答案: