Question

在我的index.html中，我希望在Angular2应用启动/ bootstraps之前向用户显示加载状态。

<my-app>
    <div class="sk-cubes">
      <div class="sk-cube1"></div>
      <div class="sk-cube2"></div>
    </div>
  </my-app>

我试图在名为loading-state.css的样式表中给出样式并将其包含在index.html中，但不知何故它不从该文件中获取样式。但是，在标题或内联样式中为标记提供样式时，我得到了预期的行为。我错过了什么吗？

Answer 1

我假设 loading-state.css 页面的head标记中提供了 index.html 参考

在 myapp 组件中，将 ViewEncapsulation 设置为 none 。

import {ViewEncapsulation} from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'myapp',

  encapsulation: ViewEncapsulation.None   // <<<=====here

})
class MyAppComponent {

}

在Angular2应用程序启动之前样式加载状态不起作用？

1 个答案: