_ngcontent-c＃はAngularで何を意味していますか？

Question

私は角2/4を学習していますが、生成された属性ngのHTMLタグが表示されています。_ngcontent-c0, _ngcontent-c1...

このc値は何を意味していますか？

Answer 1

_ngcontent-c#ViewEncapsulation.Emulatedを使用すると、属性が追加されます。これはデフォルトです。 Angularは、これらの属性を使用して、スタイルで特定の要素をターゲットにします。番号cは、ホストコンポーネントの一意の識別子の一種です。たとえば、以下のテンプレートを持つ2つのコンポーネントがある場合：

ComponentA 
<span></span> 
<comp-b></comp-b> 

ComponenB 
<h1></h1> 

_ngcontent-c1とコンポーネントB内部のスタイルで_ngcontent-c0などのコンポーネントA内のスタイルを持つすべての要素とすべての要素をマークする角度：だから

<comp-a> 
    <span _ngcontent-c0></span> 
    <comp-b _ngcontent-c0> 
     <h1 _ngcontent-c1></h1> 
    </comp-b> 
</comp-a>