क्या करता है: मेजबान/गहरा/चयनकर्ता का मतलब है?

Question

एक सरल तरीके से व्याख्या करें क्या :host /deep/ का अर्थ है:

:host /deep/ .ui-autocomplete { 
    width: 85%; 
} 

Answer 1

यह जब emulated दृश्य कैप्सूलीकरण का उपयोग कर स्टाइल बच्चे घटकों अनुमति देने के लिए प्रयोग किया जाता है।

इस बारे में अधिक पाया जा सकता है:

https://angular.io/guide/component-styles

Btw /deep/ चयनकर्ता अब पदावनत किया गया है:

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

:host होस्टिंग तत्व को संबोधित करने के लिए किया जाता है - कि एक है कि आप घटक कहीं (जैसे <app-component>) जोड़ने के लिए इस्तेमाल करते हैं।

घटक का होस्ट करने वाले तत्व में शैलियों को लक्षित करने के लिए मेजबान छद्म-श्रेणी चयनकर्ता का उपयोग करें (घटक के टेम्पलेट के अंदर लक्ष्यीकरण तत्वों के विपरीत)।

तो वर्तमान होस्टिंग तत्व पर चयनकर्ता :host /deep/ .ui-autocomplete का अर्थ है ", जाना गहरी (बच्चे घटक भी में खोज) और वर्ग ui-autocomplete साथ तत्वों के लिए देखो

यहाँ देखने कैप्सूलीकरण सुविधा के बारे में कुछ अतिरिक्त जानकारी है:।

https://blog.thoughtram.io/angular/2015/06/29/shadow-dom-strategies-in-angular2.html