"Enter"a basıp içeriğe geçin

Angular dinamik component css sorunu

Angular (2+) da componentin css dosyasına  örneğin .custom-css yazıp kullandığımızda

.custom-css[_ngcontent-c57] { color: red; }

olarak render oluyor. Bu css dosyamızın component bazlı olmasını sağlıyor lakin dinamik component kullandığımızda css .custom-css[_ngcontent-c57]  olup html render edildiğinde .custom-css[_ngcontent-c58]  olabiliyor.  bu durumda angular component dosyamıza gelip encapsulation: ViewEncapsulation.None  dememiz yeterli.

Screenshot_5

Burada dikkat etmeniz gereken tek durum .custom-css sadece o componenti işaret edecek şekilde yazmak ve tüketmek. genel tanımlamalar kullanmamak.

kaynak: https://coryrylan.com/blog/css-encapsulation-with-angular-components

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir