angular2：生成されたスタイルは、HTMLで生成された属性と異なる属性を持つタグ

Question

誰もがこの問題を抱えていますか？gif（gyazo.com/a187d40a4765d2d80e0ee617986fa1db）のURLを添付しています。私は以下のようserver.component.cssにタグセレクタを追加しました：

my-server { 
    display: block 
} 

をしかしangular2スタイルを生成するとき、それは

my-server[_ngcontent-c2] { 
    display: block 
} 

主な問題は、生成されたDOMは、いくつかの他の属性 を持っていないされます_ngcontent-c1は以下のようになります

<my-server _ngcontent-c1></my-server> 

ので、自分のスタイルは、コンポーネントタグレベル

Answer 1

に適用取得されていない私はあなたがコンポーネント上で直接任意のCSSを適用しないことを示唆しています。代わりに、コンポーネントの最初の子としてDIVを使用し、CSSをそのDivに適用します。

角度成分は、デフォルトのhtml要素に属していないため、CSSを適用していない可能性があります。