html - 未从 Angular 组件 css 执行 Angular Css

Question

我的 angular 元素正在从包含此代码的库中读取一个类:

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用于覆盖组件样式。另外，可能需要使用 !important在 css在需要时归档

Here is a demo code to help you understand怎么样::ng-deep可用于将样式推送到子组件。