我已將子組件包含在父組件中，我將儀表板組件作為子組件，將預覽組件作為父組件。
父（預覽）component.html 檔案
<app-dashboard [selectedItems]="menus" [filteredItems]="newuniq"></app-dashboard>
從父組件我使用@Inpot 裝飾器將一些資料傳遞給子組件。我需要的是，我必須在該子組件布局中添加一些 CSS。我不知道該怎么做。
uj5u.com熱心網友回復：
如果您想為子組件的元素設定樣式（例如 app-dashboard 中的 h1），您可以嘗試::ng-deep在父組件的 scss 檔案中使用。但是，這已被棄用，但它是最容易使用的，并且仍然有效。
::ng-deep app-dashboard {
// styles you want to apply app-dashboard's elements
h1 {
font-size: 36px;
}
}
如果您只想設定子組件的樣式，則可以在父 scss 中執行普通 scss：
app-dashboard {
// styles you want to apply to app-dashboard
}
傳遞樣式的正確方法是將視圖封裝更改為 none，但這會使組件的樣式全域化。這可能意味著其他樣式將開始影響您組件的樣式。您可以在此處查看檔案：查看封裝
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/450132.html