Angular 2'de ng-bootstrap bileşenleri nasıl oluşturulur

Question

Stillerimi Angular 2 uygulamamdaki ngbTooltip bileşenine uygulamak istiyorum. Ben yönergesi uygulanır:

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

Ama Açısal 2 tarzı kapsam belirleme uygular beri, ben direk benim bileşenin şablonunda .tooltip sınıf stil olamaz.

Bu özel bileşen için araç ipuçlarını nasıl verebilirim a custom styling?

DÜZENLEME:

benim bileşene takılı bir SCSS stil var. Benim stilleri (basitleştirilmiş) şunlardır: o zaman

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

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

Ama render stilleri bakmak gibi: Benim ipucu stilleri bu bileşenin en enkapsüle olma (yerine sadece delici vardır inandırıyor

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

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

çocukların

Not:. Ben :host >>> .tooltip denedim ancak işe yaramadı, bu yüzden /deep/ kullanarak sona erdi

.

Teşekkürler!

açıklamada belirtildiği gibi

Answer 1

, seçiciler :host

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

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