Получить изображение SRC в рамках директивы

Question

Получить изображение SRC в рамках директивы

0

У меня есть директива с тегом img внутри него.

angular.module('example')
     .directive('customDirective', function() {
        return {
           restrict: 'E',
           replace: true,
           transclude: true,
           scope: {}, //isolate scope
           templateUrl: 'directives/customDirective.html'
           link: function(scope, element, attrs) {
              // returns undefined
              console.log(element.find('img').src);
           }
        };
     });

шаблон директивы:

<div class="customDirective">
  <img src="image.jpg" />
</div>

Я пытаюсь получить атрибут src на теге изображения.

cusejuice 07 июль 2015, в 02:39

Источник

Теги:

angularjs

2 ответа

Ещё вопросы

tuckerjt07 · Answer 1 · 2015-07-07T02-52-00.000Z

var src= element.find('img'). attr ('src');

Предполагается, что существует только один тег img.

Chev · Answer 2 · 2015-07-06T21-44-00.000Z

Вероятно, было бы проще установить источник в вашей директиве.

директива

angular.module('example')
 .directive('customDirective', function() {
    return {
       restrict: 'E',
       replace: true,
       transclude: true,
       templateUrl: 'directives/customDirective.html'
       link: function(scope, element, attrs) {
          scope.imgSrc = 'image.jpg';
       }
    };
 });

шаблон

<div class="customDirective">
  <img ng-src="{{imgSrc}}" />
</div>

Затем ваш код управляет шаблоном, а не вам нужно читать данные из шаблона.