Angular-添加的类的CSS属性未显示

Question

我要将子项div附加到同一角度分量内的另一个div上。然后我给它分配一个类。 （使用类列表）它成功插入了元素，并且还向其中添加了类，但是没有将我的CSS类属性应用于该元素。

如果我在html代码（包括class属性）中手动添加元素，则该元素将正确显示。

为什么会这样？

打字稿代码：

let parent = document.getElementById('playingfield');
        let cactus = document.createElement('div');
        cactus.classList.add('cactus');
        parent.appendChild(cactus);

手动插入div的HTML代码：

<div class="cactus"></div>

Answer 1

要将运行时CSS应用于html，您需要使用angular的：host 功能。

通过这种方式在.css或.scss文件中设置CSS。

:host ::ng-deep .cactus{
    // Your css hear
}