I have my application in angular5 and I upgraded it to angular6. I have my scss files with /deep/ to override the styles. All the styles with it is broken now. I tried ::ng-deep/ng:host::ng-deep didn't work. I tried keeping viewEncapsulation but that didn't work either. So I am trying to see what can be done.
Asked
Active
Viewed 130 times
0
-
you said tried it like this: `:host /deep/ .some-class { }` – Nadhir Falta Mar 09 '21 at 20:17
-
@NadhirFalta I tried ::ng-deep and :ng-host::ng-deep. I didn't try :host /deep/ – indra257 Mar 09 '21 at 20:18
-
try that it should work – Nadhir Falta Mar 09 '21 at 20:20
-
@NadhirFalta It is throwing an error. :host /deep/ .mat-radio-label { ^ Expected selector. Should I keep viewEncapsulation.None ? – indra257 Mar 09 '21 at 20:28
-
you need space between :host and /deep/ and class anme – Nadhir Falta Mar 09 '21 at 20:29
-
@NadhirFalta Even after keeping encapsulation: ViewEncapsulation.None, it is still throwing { ^ Expected selector. error – indra257 Mar 09 '21 at 20:30
-
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/229702/discussion-between-indra257-and-nadhir-falta). – indra257 Mar 09 '21 at 20:30