कोणीय गुण उत्पन्न करता है और उन्हें केवल उन तत्वों पर लागू करता है जिन्हें आपने अपने टेम्पलेट में घोषित किया है। कोई भी अतिरिक्त HTML तत्व जो एक घटक के साथ आते हैं (मेरे मामले में, कोणीय-सामग्री mat-form-field) इस विशेषता को लागू नहीं करते हैं।

क्या यह डिजाइन द्वारा है? इसका प्रभाव यह है कि उन आंतरिक तत्वों को लक्षित करने का कोई तरीका नहीं है, क्योंकि आप अपने घटक की सीएसएस फ़ाइल में परिभाषित किसी भी वर्ग को एंगुलर जेनरेट की विशेषता के साथ जोड़ देते हैं।

मेरे मामले में,

.mat-form-field * {
  border-radius: 0;
}

को उत्पन्न करता है:

mat-form-field[_ngcontent-c19] *[_ngcontent-c19] {
  border-radius: 0;
}

मेरा लक्ष्य कई HTML तत्वों में से कुछ को स्टाइल करना है, जिसमें एक <mat-form-field> शामिल है।

क्या मेरे घटक की फाइलों के भीतर से इसे हासिल करने का कोई तरीका है (साइट-व्यापी स्टाइलशीट का उपयोग किए बिना)?

0
papiro 21 सितंबर 2018, 20:54

1 उत्तर

सबसे बढ़िया उत्तर

आपको :: एनजी-डीप के बजाय / डीप/ का उपयोग करना होगा जो कि पदावनत जैसा लगता है।

mat-form-field ::ng-deep *

प्रति दस्तावेज:

शैडो-पियर्सिंग डिसेन्डेंट कॉम्बिनेटर को हटा दिया गया है और प्रमुख ब्राउज़रों और टूल से समर्थन हटाया जा रहा है। जैसे कि हम कोणीय में समर्थन छोड़ने की योजना बना रहे हैं (सभी 3 / डीप /, >>> और :: एनजी-डीप के लिए)। तब तक :: एनजी-डीप को टूल्स के साथ व्यापक संगतता के लिए प्राथमिकता दी जानी चाहिए।

आप इसे यहां पा सकते हैं

2
Balázs Takács 21 सितंबर 2018, 21:13