私のアプリケーションでは、ログインしたときにイメージのHttp getリクエストを渡しています。イメージは正常に読み込まれていますが、ページを更新するまで表示されません。ページを更新するまでイメージが表示されません
アプリケーションで角度を使用してログインしたときに表示します。
<img ng-src="{{ProfileImage}}" />
これは、HTTP呼び出しです：それはリフレッシュした後に表示される
$http.get('URLpath')
.then(function(response){
$scope.ProfileImage=response.data;
}
画像がソースからロードばかりですが、私がログインしたときに、それがimmediatleyが表示されていない
。ページ。
回答者の方に感謝します。 この問題は、画像をウィンドウのローカルストレージに格納し、角度{{ProfileImage}}を使用してアクセスすることで修正されました。
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>
あなたはそう、それはデータがロードされた後に表示されたり、応答が来る前に$scope.ProfileImageにいくつかの有効なデータを割り当てる必要がありますng-ifにあなたのイメージをラップする必要がありますどちらか。それ以外の場合、ng-srcは無視されます。
'response.data'の値は何ですか？ – Rayon
ユーザーログイン後にng-srcがurlを正しく解決し、呼び出しが完了したことを検査できますか？ –
これはBLOBイメージです。@rayon –