2016-11-24 8 views
0

遅延ルートをロードしている間にAngular2に "loading ..."というテキストを表示しようとしていますが、 )機能を使用すると、遅延ロード中にUIがフリーズし、ナビゲーションが終了するまで「読み込み中...」が表示されなくなります。momentjs moment()関数はUIをフリーズさせますが、angle2での遅延ロード中

私は「ロード...」テキストを表示し、非表示にする以下のコードを使用しています:ここで

router.events.subscribe(ev => { 
    if (ev instanceof NavigationStart) 
    { 
    console.log("Navigation started"); 
    this.isNavigating = true; 

    } 
    if (ev instanceof NavigationEnd || ev instanceof NavigationError || ev instanceof NavigationCancel) { 
    console.log("Navigation ended"); 
    this.isNavigating = false; } 
    }) 

は、問題を実証するが、残念ながらIIを使用する方法がわからないplunkです問題を実証するために、このplunkerでmomentjs:

https://plnkr.co/edit/nXJE24ilpE9SS68kgQbG?p=preview

これは私が行うことを計画していますと、このplunkはうまく動作しますが、すぐに、私は一瞬を使うと()関数(どこでも)UIが中にフリーズするものですロードプロセス。

本当にありがとうございます。

+0

これは、コールモーメントに使用しているコードを表示できる場合に役立ちます。 – Fiddles

答えて

0

同じ問題に直面している人は、修正するために、NPMインストールではなくmomentjsライブラリにリンクしてmomentjsを使用しましたが、問題を修正しました。それはシンプルだけど、私は理解するまでに時間がかかりました。 ここにあるいくつかの簡単なtyping.d.ts:

declare function moment(): any; declare function moment(date): any; 
declare namespace moment { class Moment { 
} 
function locale(string): any; 
} 

はあなたがお楽しみください!

関連する問題