angular - 闪屏。 ( Angular 2)

Question

我正在使用 webpack + angular2 初学者工具包。

  <app>
    Loading...
  </app>

但是当我想使用 Splash 组件而不是“加载”时

  <app>
    <splash></splash>
  </app>

我没有任何启动画面。

有人可以帮助我吗？

Answer 1

我的实现:

<app>

  <div class="splashPage">
    <div class="splashHeader">
      Please wait, we are preparing unTill WM for you. <br>
      Just few moments left.
    </div>
    <div class="spinner">
      <img id="logo" src="../assets/img/Logo_112x112.png" />
      <img id="spinnerCircle" src="../assets/img/spinner.png" />
    </div>
    <div class="splashFooter">
      <div class="mobileLabel">Available on</div>
        <div class="mobileApps">
                <img src="../assets/img/Apple.png"/>
                <img src="../assets/img/Android.png"/>
                <img src="../assets/img/Windows.png"/>
        </div>

    </div>
  </div></app>

启动画面在应用开始工作之前是可见的。

还在head中添加了css:

<link href="assets/css/splash.css" rel="stylesheet" type="text/css" />