Angular2セレクタタグがCSSの親子関係を壊している

Question

CSSスタイリングに関して親子関係に大きく依存するテンプレートがあります。

タグ（セレクタ）はコンポーネントマークアップ（html）をラップします。それを隠す方法はありますか？またはangular2の機能があり、回避策はありませんか？

私は、彼らが「置き換え：真」に置き換えているように見える理解angular1

おかげでディレクティブでオプションを！

Answer 1

同様の質問とあなたが<special-comp></special-comp>要素を望んでいないし、代わりに<div special-comp></div>をご希望の場合は、この打撃を与えるhere

に答えます。

しかし角度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を作成します警告しhtml要素を作成するよりもプロパティspecial-comp RATHERより<special-comp>

ですから、クロムで検査したときに

<div special-comp></div> 

ではなく

<special-comp></special-comp>