Angular Css 未从 angular 组件执行 css

Question

我的 angular 项目正在从包含此代码的库中读取 class:

class MyClass extends EventEmitter {

    constructor () {

      // add the element to the container
      this.loadingElement = document.createElement('div');
      this.loadingElement.className = "loading"
      this.loadingElement.innerText = 'Now Loading...';
    }

}

在我的 app.component.css 我有这个：

  #componentDivId .loading {
    position: absolute;
    top: 50%;
    left: 50%;
  }

这个css在app.component.css

我怎样才能改变它，使其显示为 css？

Answer 1

您应该研究 ::ng-deep 来覆盖组件样式。此外，可能需要在需要时在 css 文件中使用 !important

Here is a demo code to help you understand 如何使用 ::ng-deep 将样式推送到子组件。