Geek Answers Handbook

What does _ngcontent-c # mean in Angular?

I am learning Angular 2/4 and I see html tags with ng generated attributes: _ngcontent-c0, _ngcontent-c1...

What does this c mean?

+8
javascript angular
source share
1 answer

_ngcontent-c# attributes are added when using ViewEncapsulation.Emulated - by default. Angular uses these attributes to orient certain elements with styles. The number c is a kind of unique identifier for the host component. For example, if you have two components with the following patterns:

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

Angular will mark all elements with styles inside component A as _ngcontent-c0 and all elements with styles inside component B with _ngcontent-c1 :

 <comp-a> <span _ngcontent-c0></span> <comp-b _ngcontent-c0> <h1 _ngcontent-c1></h1> </comp-b> </comp-a>
+6
source share

More articles:


All Articles