Bild wird nicht angezeigt, bis wir die Seite aktualisieren

In meiner Anwendung übergebe ich eine Http get Anfrage für ein Bild, wenn wir uns eingeloggt haben. Das Bild wird erfolgreich geladen, aber es wird erst angezeigt, wenn ich die Seite aktualisiere.Bild wird nicht angezeigt, bis wir die Seite aktualisieren

Ich möchte, dass es angezeigt wird, wenn ich mich mit angular in meiner Anwendung angemeldet habe.

<img ng-src="{{ProfileImage}}" />

Dies ist der HTTP-Aufruf:

$http.get('URLpath') 
    .then(function(response){ 
$scope.ProfileImage=response.data; 
}

Das Bild wird von der Quelle immer geladen, aber es immediatley nicht angezeigt, wenn ich in log

Es wird angezeigt, nach dem Aktualisieren. Die Seite.

Quelle

2017-04-19 Siva Sai Bellala

Was ist der Wert von "response.data"? – Rayon

Können Sie inspizieren und sehen, dass ng-src nach der Benutzeranmeldung korrekt in die URL aufgelöst wird und Ihr Aufruf abgeschlossen ist? –

Es ist ein Blob-Bild @ Rayon –

danke für die Antwort Jungs. Dieses Problem wurde behoben, indem das Bild im lokalen Speicher des Fensters gespeichert und dann mit dem Winkel {{ProfileImage}} darauf zugegriffen wurde.

Quelle

2017-04-21 07:03:40

var app = angular.module('myApp', []); 
app.controller('DemoCtrl', function($scope, $http) { 

    $scope.myObj = { 
     "image":"https://www.w3schools.com/css/trolltunga.jpg", 
    }; 

});

<!DOCTYPE html> 
<html> 

<body> 

<div ng-app="myApp" ng-controller="DemoCtrl"> 
<img src="{{myObj.image}}" width="100" height="100"> 

</div> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 

</body> 
</html>

Quelle

2017-04-19 07:10:58

Sie entweder Ihr Bild ng-if wickeln sollte so sollte es einige gültige Daten zu $scope.ProfileImage angezeigt, nachdem die Daten geladen oder zugewiesen werden, bevor Antwort kommt. Andernfalls wird Ihre vernachlässigt.

Quelle

2017-04-19 08:43:02

Bild wird nicht angezeigt, bis wir die Seite aktualisieren

Antwort

Verwandte Themen