CODEWITHSUNDEEP
angularangular2viewencapsulation
Bharat Gupta
Bharat Gupta

Reputation: 2696

What is the difference between ViewEncapsulation.None and :host, :host /deep/?

I have an Angular 6 custom form control which I have created as a wrapper around another control so that we can apply our own css rules.

I have removed the ViewEncapsulation on this wrapper component so that we can hook on to the css classes generated by the existing form control and overwrite the rules.

encapsulation: ViewEncapsulation.None

A reviewer suggested me to use the combination of :host and :host::ng-deep rather than using ViewEncapsulation.None.

I don't know why that could be better. Can someone explain?

Upvotes: 6

Views: 4400

Answers (0)

Related Questions