내 응용 프로그램에서 우리가 로그인 할 때 이미지에 대한 HTTP get 요청을 전달하고 있습니다. 이미지를 성공적으로로드하고 있지만 페이지를 새로 고칠 때까지 이미지가 표시되지 않습니다.페이지를 새로 고칠 때까지 이미지가 표시되지 않습니다.
내 응용 프로그램에서 각도를 사용하여 로그인했을 때 표시하고 싶습니다.
<img ng-src="{{ProfileImage}}" />
이
는 HTTP 호출입니다 : 이미지는 소스에서로드지고 있지만, 내가 로그인 할 때 그것은 immediatley을 표시되지 않습니다$http.get('URLpath')
.then(function(response){
$scope.ProfileImage=response.data;
}
그것은 새로 고침 후 표시됩니다. 그 페이지.
답장을 보내 주셔서 감사합니다. 이 문제는 이미지를 창 로컬 저장소에 저장 한 다음 각도 {{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>
당신은 데이터가로드 된 후 그래서이 나타납니다 ng-if에 이미지를 포장 또는 응답이 오기 전에 $scope.ProfileImage 일부 유효한 데이터를 할당해야 하나. 그렇지 않으면 ng-src이 무시됩니다.
'response.data '의 가치는 무엇입니까? – Rayon
사용자 로그인 후 전화가 완료된 후 ng-src가 url을 올바르게 확인하는지 확인할 수 있습니까? –
블롭 이미지 @rayon –