Ich brauche wirklich Ihre Hilfe, ich bin neu zu ionischen Projekt. Derzeit arbeite ich an einem Projekt. Diese App zieht Blog-Post von WordPress mit $ http. Wie kann ich einen Fortschrittsbalken hinzufügen, um den Benutzern zu sagen, dass die Seite geladen wird, anstatt einen leeren Bildschirm zu haben? DankWie füge ich einen Fortschrittsbalken in ionic app hinzu
Antwort
können Sie $ionicLoading
Ein Overlay verwenden, die Aktivität verwendet werden kann, um anzuzeigen, während Interaktion mit dem Benutzer zu blockieren.
Das Laden wird im Controller ausgelöst. Zuerst müssen wir $ ionicLoading in unseren Controller als Abhängigkeit injizieren. Danach müssen wir die $ ionicLoading.show() -Methode aufrufen und das Laden erscheint. Um es zu deaktivieren, gibt es die $ ionicLoading.hide() Methode.
Beispiel: -
.controller('myCtrl', function($scope, $ionicLoading) {
$scope.showLoading = function() {
$ionicLoading.show({
template: 'Loading...'
});
};
$scope.hideLoading = function(){
$ionicLoading.hide();
};
});
können Sie $httpProvider.interceptors
verwenden, um die http
Anrufe zu verfolgen.
können Sie finden Werk geschrieben here
Oder
Sie Ionic loader zeigen dies erreichen können unter Code in Ihrem Projekt durch Hinzufügen.
unten Code hinzufügen in angular.module('app',[]).run(...)
$rootScope.$on('loading:show', function() {
$ionicLoading.show({ template: '<ion-spinner class="spinner-assertive"></ion-spinner>' })
})
$rootScope.$on('loading:hide', function() {
$ionicLoading.hide()
})
unten Code hinzufügen in angular.module('app',[]).config(...)
$httpProvider.interceptors.push(function ($rootScope) {
return {
request: function (config) {
$rootScope.$broadcast('loading:show')
return config
},
response: function (response) {
$rootScope.$broadcast('loading:hide')
return response
}
}
})
Verwenden $ionicLoading
Richtlinie eine Schleuder zu zeigen und zu verstecken. Hier ist ein Beispiel. Rufen Sie einfach den show()
vor dem $http
Anruf an und verstecken Sie sich nach dem .success()
.
controller('myCtrl', function($scope, $ionicLoading) {
$ionicLoading.show({
template: '<ion-spinner icon="android"></ion-spinner>'
});
$http({
method: 'POST',
url: 'http://example.com',
})
.success(function(){
$ionicLoading.hide();
});
});
- 1. Wie füge ich Fortschrittsbalken für mpdf hinzu
- 2. Wie füge ich eine Fabrik in ionic hinzu?
- 3. Wie füge ich Fortschrittsbalken zum Herunterladen der Datei hinzu?
- 4. Wie füge ich einen kreisförmigen Fortschrittsbalken in meinen Alertdialog ein?
- 5. ActionMailer - Wie füge ich einen Anhang hinzu?
- 6. Wie füge ich einen Fortschrittsbalken in meine Python-Funktion?
- 7. Wie füge ich einen zurückgegebenen Wert hinzu
- 8. Wie füge ich einen CAA-Datensatz hinzu?
- 9. HTML5 - Wie füge ich einen Container hinzu?
- 10. SpriteKit Wie füge ich einen FixedJoint hinzu?
- 11. Wie füge ich Daten nach jeder Wiederholung der for-Schleife zur App-Ansicht in Ionic hinzu?
- 12. Wie füge ich einen Fortschrittsbalken (Ladekreis) hinzu, während die API die Ergebnisse zurückgibt?
- 13. Wie füge ich Neujahr hinzu?
- 14. Wie füge ich einen Adbannerview in UITableViewController in Swift hinzu?
- 15. Ionic 1 Bereitstellungsdienst Fortschrittsbalken
- 16. Wie füge ich datetimepicker hinzu und füge zweiten hinzu?
- 17. Wie füge ich Hintergrundbilder hinzu?
- 18. Wie füge ich einen App_Data-Ordner in Visual Studio hinzu?
- 19. Wie füge ich einen Fremdschlüssel in SequelPro hinzu?
- 20. Wie füge ich einen benutzerdefinierten weitergeleiteten Befehl in WPF hinzu?
- 21. Wie füge ich einen Knoten in BST hinzu?
- 22. Wie füge ich einen Parameter in starken Parametern hinzu?
- 23. Wie füge ich einen Farbbalken zum Gitterplot in Matlab hinzu
- 24. Wie füge ich einen Inkrementierungszähler in F hinzu?
- 25. Wie füge ich einen Schalter zum Serverstart in Eclipse hinzu?
- 26. Wie füge ich einen farbigen Rahmen in Cardview hinzu?
- 27. Wie füge ich einen benutzerdefinierten Dateianfang in Visual Studio hinzu?
- 28. Wie füge ich einen SparkListener aus pySpark in Python hinzu?
- 29. Wie füge ich einen Interpreter über ipv6 in Pycharm hinzu?
- 30. Wie füge ich einen Zeilenumbruch in render() hinzu?