Angular2：设置“ loading ..”元素的样式

Question

我正在尝试设置根组件的样式，特别是在应用程序引导时显示的“ loading ..”内容。 我知道我可以在index.html加载样式表，并访问在<my-app>选择器中添加的类。 但是，我假设可以使用在根应用程序类的@Component装饰器中分配的样式来完成此操作。

我在这里制造了一个矮人。 问题是，我如何才能使用基于组件的样式来设置loading...消息的样式（例如，将文本颜色更改为红色）？

谢谢。

Answer 1

更改

<div .primary>

至

<div class="primary">

然后在您的style.css中添加以下内容：

.primary {
   color: red;
}

每次显示时，都会将“正在加载...”文本更改为红色。 我认为这是实现此目标的最佳方法，而不是在仅与所调用的组件相关的组件内部使用styles或styleUrls。

希望这可以帮助！

Answer 2

更新了插件 ，不确定基于组件的样式是什么意思？

   .primary{
      font-size: 20px;
      color: red;
    }

    <div class="primary" >loading...</div>