12,673
回編集
差分
ナビゲーションに移動
検索に移動
→コンポーネント本体にスタイルを適用するhost擬似セレクター
====コンポーネントスタイルで利用できる特殊セレクター====
=====コンポーネント本体にスタイルを適用するhost擬似セレクター=====
----
*host擬似セレクターはコンポーネント自体を表す
*テンプレートはコンポーネント配下に展開され、コンポーネントそのものはテンプレートの一部ではない
*コンポーネント要素へはhostセレクター以外ではアクセスできない
<pre>
@Component({
selector: 'app-fetch-data',
templateUrl: './fetch-data.component.html',
styles: [
`:host {
display: block;
border: 3px solid red;
background-color: Blue;
}`
]
})
export class FetchDataComponent {
:
</pre>
==サービス==
© 2006 矢木浩人
