AngularJS에서 ng-src reload하는 방법

안녕하세요.

오늘은 AnuglarJS에서 img 태그 안에 ng-src 디렉티브에 설정된, url (이미지 경로)에 대해서 reload하는 방법을 알아보겠습니다.

필요한 상황

• 이미지 서버에서 이미지가 변경 되었는데, 경로는 그대로인 경우 reload가 필요합니다.

ng-src reload 방법

• 기존의 url에 현재 시간과 같은 변경이 있는 값을 더해줍니다.

예제소스

• <img ng-src="{{imageSource}}" alt=""/>
  

• angular.module('ngSrcDemo', [])
      .controller('AppCtrl', ['$scope', function ($scope) {
     
       var imageUrl = "http://example.com/img.png";
  
      $scope.imageSource = imageUrl + "?cb=" + new Date().getTime();
  }]);

모두 즐거운 코딩하세요~