Angular 요소에서 지시문에 추가하면 브라우저가 손상됩니다.

Question

보안 이미지 URL에 액세스하려고하는데이 지시어를 사용하면 현재 이미지의 base64를 반환하는 보안 이미지를 얻을 수 있습니다. 모든 것이 잘 작동합니다. 내 문제는 요청이 완료되었을 때입니다. 크롬에 "Aw, Snap!"이라는 오류가 표시됩니다.

Answer 1

우선이 문제를 해결하려면 범위 변수를 특성에 할당 한 다음 격리 된 범위를 통해 지시문에 전달해야합니다. 이미 동일한 변수에 액세스 할 수 있습니다. 그러나 오류는 지침 자체에 시계를 넣는 것입니다. 그것이 크롬을 깨뜨리는 것입니다.

HTML :

<my-image></my-image> 

JS :

directive('myImage', ['$http' , function ($http) { 
    return { 
    restrict: 'E', 
    replace: true, 
    link: function (scope, element, attrs) { 
     $http.get(scope.base_url, { 
      headers: { 
      'Authorization': 'Bearer ' + scope.token 
      } 
     }).success(function (data) { 
      element.append('<img src="'+data+ '" />'); 
     }).error(function (data) { 
     }); 
    } 
    } 
}]);