कोणीय 2

Question

में एनजी-बूटस्ट्रैप घटकों को कैसे शैलीबद्ध करें मैं अपने कोणीय 2 ऐप में ngbTooltip घटक में शैलियों को लागू करने का प्रयास कर रहा हूं। मैं के रूप में निर्देश लागू होते हैं:

<div [ngbTooltip]="tooltipText"> 
    Element text 
</div> 

लेकिन चूंकि कोणीय 2 शैली scoping लागू होता है, मैं सीधे अपनी घटक के टेम्पलेट में .tooltip वर्ग शैली नहीं दे सकते।

मैं इस विशिष्ट घटक कस्टम स्टाइल के लिए टूलटिप्स कैसे दे सकता हूं?

संपादित करें:

मैं एक एससीएसएस स्टाइलशीट कि मेरे घटक से जुड़ी रहा है। मेरे शैलियों (सरलीकृत) कर रहे हैं:

.license-circle { 
    width: 10px; 
    ... other styles 
} 

/deep/ .tooltip { 
    &.in { 
     opacity: 1; 
    } 
} 

लेकिन तब मेरी गाया शैलियों देखो की तरह:

<style> 
.license-circle[_ngcontent-uvi-11] { 
    width: 10px; } 

.tooltip.in { 
    opacity: 1; } 
</style> 

कौन सा मुझे विश्वास है टूलटिप शैलियों अन-समझाया जा रहा है (के बजाय सिर्फ भेदी इस घटक के बनाता है बच्चों

नोट:। मैं :host >>> .tooltip की कोशिश की और यह काम नहीं किया है, इसलिए मैं /deep/ का उपयोग कर समाप्त हो गया

।

धन्यवाद!

Answer 1

टिप्पणी में उल्लेख किया है, चयनकर्ताओं के साथ :host

:host .license-circle { 
    width: 10px; 
    ... other styles 
} 

:host /deep/ .tooltip { 
    &.in { 
     opacity: 1; 
    } 
}