Zeige Fortschritt zirkulär während $ http post?

8

Was ist die beste Methode, um die Rundschreiben -Komponente von Angular Material mit% zu verwenden? co_de% Anfrage?

Ich habe derzeit den Code wie folgt:

Fortschritts-Rundschreiben:

%Vor%

$http Anfrage:

%Vor%     
Michael Wilson 28.06.2015, 15:00
quelle

7 Antworten

17

Ich glaube nicht, dass Sie das value Attribut hier mit determinate Modus brauchen. Stattdessen sollten Sie den indeterminate -Modus verwenden und den Fortschrittsindikator mit ngShow anzeigen und ausblenden.

%Vor%

Und in deinem JS

%Vor%     
Muhammad Reda 28.06.2015, 15:19
quelle
20

Wenn du eine Version von md-progress-circular haben möchtest, die auch den Bildschirm hemmt und einen Hintergrund hat, platziere den md-progress-circular innerhalb eines mdDialogs wie folgt:

%Vor%

hier ist ein Plunker, den ich erstellt habe, der zeigt, wie Plunker

    
Helzgate 03.02.2016 15:08
quelle
2

Alle Antworten sind richtig, fügen Sie einfach noch eine Sache hinzu, dass $http asynchron asynchron ist, sollten Sie so verwenden

%Vor%

Und so ganz so

%Vor%

Und in deinem JS

$ scope.isLoading = true;

%Vor%

Hinweis: - Die Quelle der Antwort ist die akzeptierte Antwort.

    
Ravinder Payal 09.05.2016 05:22
quelle
2

Sie sollten sich mit den Ereignissen von $httpProvider verbinden:

%Vor%     
malix 05.07.2016 22:42
quelle
1

Ich hoffe, dass dieser Code hilft.

%Vor%     
fatihturgut 09.05.2017 07:51
quelle
0

Setze zuerst ein Modell:

%Vor%

Binden Sie dieses Modell mit dem progress circular Element ng-show property:

%Vor%

Setzen Sie es auf "True", bevor Sie die $ http-Anfrage aufrufen, und setzen Sie sie auf $ http .success:

auf "false" %Vor%

Ich hoffe, das hilft.

    
Tomislav 28.06.2015 15:08
quelle
0

Wenn Sie den Fortschritt der Postdaten verfolgen möchten, uploadEventHandlers

Es gibt ein Beispiel.

%Vor%

Zeigen Sie den Fortschrittskreis wie folgt an

%Vor%     
Burak Akyıldız 09.05.2017 08:21
quelle