2017-03-28 12 views
0

我試圖在我的alert框中引導[自引導] [也是組件],當它顯示在我的某個組件中時略有不同。對於其他地方我想使用它的默認樣式。在另一個組件中以不同方式設置子組件

我能夠通過使用以達到我想要的:

在我父組件encapsulation: ViewEncapsulation.None。不過,我真的想避免它,並學習使用最佳做法做到這一點。

任何人都可以闡明如何實現這一點,而不需要修改encapsulations

在一些帖子中,用戶提到使用:host::content css屬性,但到目前爲止我無法使用它們。

我相信這是一個非常常見的情況,應該有一個很好的方法來做到這一點。

回答

1

您可以在父用/deep/

:host /deep/ some-grand-child { 
    color: blue; 
} 

做出選擇跨組件邊界沒有設置ViewEncapsulationNone

+0

哇 - 它的工作原理!謝謝。我確實看到有人提到'/ deep /',但從來沒有想過它會在CSS選擇器中工作。我需要更深入地研究陰影DOM。 – Hassan

+0

這就是Angular2 +,僅適用於ViewEncapsulation.Emulated。在影子DOM中,它們被添加到Chrome但不推薦(Angular重寫選擇器) –

相關問題