2016-07-05 3 views
0

Ich zeige eine Webansicht in meiner App, die ein wenig zum Laden braucht und anstatt nur einen leeren Bildschirm anzuzeigen, möchte ich eine Fortschrittsanzeige anzeigen, die verschwindet und das Web anzeigt Ansicht, wenn die Webansicht geladen wird. Ich habe es so versucht:Wie verwendet man das loadFinished Event von web View mit angular

<GridView *ngIf="!loading"> 
    <WebView src="~/pages/tripAdvisor/reviewView.html" (loadFinishedEvent)="pageLoaded()"></WebView> 
</GridView> 

<ActivityIndicator *ngIf="loading" busy="true" width="100" height="100"></ActivityIndicator> 

aber die Seite geladen Funktion wird nie in meiner Komponente aufgerufen.

Antwort

1

Verwenden (loadFinished) = "pageloaded()" statt loadFinishedEvent

+1

Und in Ihrer Komponentenklasse Verwendung ** loadFinished (event: LoadEventData) {...} ** –

+1

Dies ist die richtige Antworten. Wenn jemand versucht, das zu tun, was ich getan habe, können Sie nicht mit ngIf eine Lade-Webansicht ausblenden, da die Webansicht erst erstellt wird, wenn die Bedingungen erfüllt sind. In diesem Fall habe ich das Webview versteckt, indem ich das Sichtbarkeits-Tag folgendermaßen gesetzt habe: 'Sichtbarkeit =" {{loading? 'Collapsed': 'visible'}} "' –

Verwandte Themen