この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

Architect_Programmer_Code農業ネットワーク»建築家 › フロントエンド設計とウェブ › フロントエンドフレーム › 角度カプセル化の3つの方法
眺める： 18910|答える： 1

[角] 角度カプセル化の3つの方法

[リンクをコピー]
掲載地 2020/05/12 11:02:24 | | |
公式ウェブサイトの最新バージョンによると、カプセル化には現在4つの属性値があります:

import { Component, OnInit, ViewEncapsulation } from '@angular/core';



エミュレートされたデフォルト

スタイルはスコープが設定されており、親コンポーネントは子コンポーネントのスタイル(Angularが提供するスタイルカプセル化機構)に影響を与えません
この選択はデフォルトであり、手動でカプセル化を設定しなくてもその値になります。 この構成項目の下で、各コンポーネントにはスコープがあり、親コンポーネントは自己コンポーネントに影響を与えることはできません。 親コンポーネントのスタイルをこの設定項目で子コンポーネントのスタイルを上書きする必要がある場合は、 ::ng-deepを使うことはできますが、公式サイトでは::ng-deepの使用は推奨されていません


何一つ

パッケージは提供されず、スタイルは直接文書全体に適用されます。 (自身の子コンポーネントに下向き、上方には親コンポーネントに影響します)


ネイティブとシャドウ

ネイティブのシャドウカプセル化スタイルを用いると、シャドウルートはDOM構造に表示され、シャドウルートの範囲内のコンポーネントにのみ有効であるスタイルがどのように書かれているかが非常によくわかります。





先の：CSSスタイル:ポインタイベント:なし
次に：CSSウェブページdivとテーブルスクロールバー美化

関連記事
 地主| 掲載地 2021/11/26 17:07:13 |
免責事項：
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。
Mail To:help@itsvse.com