スプラッシュ画面。（Angular2）

私はwebpack + angular2スターターキットを使用しています。スプラッシュ画面。（Angular2）

<app> 
    Loading... 
    </app>

しかし、私が代わりに「ロード」

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

のスプラッシュ・コンポーネントを使用したいとき、私は任意のスプラッシュ画面を持っていません。

誰かが私を助けることができますか？

出典

2016-12-07 Max Karpovets

任意のコンソールエラー：

も頭の中でのCSSを追加しましたか？ 'splash'コンポーネントは' AppModule'の '宣言'に含まれていますか？ –

アプリケーションの構造化に関する詳細情報を追加できますか？ごくわずかな情報でトラブルシューティングを行うのは非常に困難です。 codepen/fiddleなどを設定している可能性があります。 – joshvito

あなたの問題を正しく理解していれば、あなたが試みていることはうまくいくとは思えません。スラッシュ要素がangular2コンポーネントの場合、バンドルがロードされるまで存在しません。その時点での中の何かが実際のアプリに置き換えられます。アプリの読み込み前に表示する場合は、標準HTML /インラインCSSでスプラッシュを作成できます。 –

私の実装：アプリは作業を開始する前に

<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>

スプラッシュ画面が表示されます。

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

出典

2017-04-22 13:26:39

スプラッシュ画面。 （Angular2）

答えて

関連する問題

スプラッシュ画面。（Angular2）