2017-07-19 14 views
2

私はangular2-busyをAngular 4プロジェクトで使用しています。 ngBusyというディレクティブを使用すると、デフォルトのメッセージだけが表示され、背景を含むアニメーションは表示されません。 busy.cssファイルをindex.htmlにインポートし、BusyModuleBroswerAnimationModuleの両方をインポートしました。ここでangular2-busyはアニメーションを表示しません - 角度4

は、私はそれを使用しています方法です:

this.busy = this.route.paramMap.switchMap((params: ParamMap) => 
this.httpService.getEventHistory(+params.get('site_no'))) 
.subscribe(events => {this.events = events}); 

私はこれが関連しているかどうか分かりませんが、「お待ちください」のメッセージは、データがロードされた後でも、画面上にとどまります。

編集:index.htmlファイルの.angular-cli.jsonファイルのCSSリンクをstylesに移動しました。私はまだ同じ問題に直面しています。ここで

は、私が使用しようとしていますパッケージです: https://www.npmjs.com/package/angular2-busy

+1

あなたは何をしているのか、私はこのライブラリを使用していませんが、私の推測では 'this.route'部分が問題を引き起こしています。より基本的なサブスクリプションのビジーインジケータを表示してみてください。 –

+0

基本的なサブスクリプションで試してみましたが、問題はありませんが、まだアニメーションが表示されていません。 – ecain

答えて

1

私はちょうど私の手でグローバルstyles.cssファイルにスタイルをコピーすることになりました。理想的ではありませんが、機能します。

関連する問題