角度5 - ルーティングされたコンポーネントの場合、コンポーネントタグの削除方法

Question

まず、コンポーネントのタグをセレクタで削除する方法を知っています。このような使用などの属性セレクタは：

selector: "div[my-component]"

私は今、角度5を使用していますし、私の問題があっrouter-outletによってレンダリングコンポーネントがあり、これらのコンポーネントは自動的にng-component要素に配置されていることです。私は属性セレクタをどこでも使用することができません。この要素を削除するには？その要素は私のCSSのブレークを引き起こします。

Answer 1

ルータのコンセントにホストを渡すことができます。これはクラスを追加するのに役立ちます あなたはそのクラスでコンセントにあなたのCSSを適用することができます。

@Component（{ セレクタ： '私の成分'、
templateUrl './my-component.html'、ホスト：{ クラス： '私の成分コンテナ'}}）