2016-10-18 8 views
3

私は角2を学んだし、このようなコンポーネントセレクタを使用してCSSスタイルを適用することが可能である場合、私は疑問に思う:2角度:コンポーネントセレクタにCSSスタイルを適用

コンポーネント

@Component({ 
    selector: 'app', 
    styleUrl: './local.css', 
    templateUrl: './app.html', 
}) 
export class AppComponent { } 

スタイル

app { 
    width: 10px; 
    height: 100px; 
    background-color: red; 
} 

それが可能だと仮定し、それはそれを行うための最善の方法は何ですか?

+0

「最良の方法」とはどういう意味ですか?早くやれよ。 AFAIKのコンポーネントセレクタは動作しますが(自分自身を試したことはありません)、 ':host'はWebコンポーネントのスタイル設定と整合するため、より良い方法です。 –

答えて

4

使用:host代わり

:host { 
    width: 10px; 
    height: 100px; 
    background-color: red; 
} 

使用appあなたがコンポーネントの外部からのスタイルを適用したいです。

+0

どうもありがとう :) –

関連する問題