2017-07-19 2 views
2

Ich verwende angular2-busy mit einem Angular 4-Projekt. Wenn ich die ngBusy Direktive verwende, bekomme ich nur die Standardnachricht, keine Animation inklusive Hintergrund. Ich importiere die busy.css Datei in meine index.html und importiere sowohl BusyModule als auch BroswerAnimationModule.angular2-busy zeigt keine Animationen - Angular 4

Hier ist, wie ich es bin mit:

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

Ich weiß nicht, ob dies zusammenhängt, aber die „Bitte warten“ Meldung bleibt auf dem Bildschirm, auch wenn die Daten geladen hat.

Edit: Ich habe den CSS-Link aus der index.html Datei in die .angular-cli.json Datei unter styles verschoben. Ich stehe immer noch vor dem gleichen Problem. Hier

ist das Paket, das ich zu verwenden Ich versuche: https://www.npmjs.com/package/angular2-busy

+1

Ich bin nicht ganz sicher, was Sie tun, und ich habe diese Bibliothek nicht zuvor verwendet, aber meine Vermutung ist der 'this.route' Teil verursacht ein Problem. Versuchen Sie, eine Besetztzeichenanzeige für ein einfacheres Abonnement anzuzeigen. –

+0

Ich habe es auf einem Basisabonnement ausprobiert, und ich habe kein hängendes Problem, aber es zeigt immer noch keine Animation. – ecain

Antwort

1

ich nur manuell die Stile in meine globale styles.css Datei kopieren endete. Nicht ideal, aber es funktioniert.