2016-12-07 29 views
2

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

<app> 
    Loading... 
    </app> 

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

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

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

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

+1

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

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

+3

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

+3

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

答えて

0

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

<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" /> 
関連する問題