AngularJS основные в отношении замены содержимого в директиве

Question

AngularJS основные в отношении замены содержимого в директиве

0

У меня есть HTML, который выглядит так:

<custom-logo>
    <div>
        <img src="logo.png">
    </div>
    <custom-logo-after>
    </custom-logo-after>
</custom-logo>

Я пытаюсь выяснить, как я могу изменить директиву custom-logo в Angular JS, чтобы включить ссылку вокруг тега img чтобы добавить динамический адрес ссылки в Angular JS.

AndrewCoke 02 июнь 2016, в 15:14

Источник

0

покажи нам директиву пожалуйста
Alon Eitan 02 июнь 2016, в 12:34
0

Я не уверен, что ты имеешь в виду. Извините, очень новичок в этом.
AndrewCoke 02 июнь 2016, в 12:47
1

У вас есть директива под названием custom-logo - у нас нет этой директивы, поэтому нам нужно увидеть ее код и шаблон, чтобы помочь
Alon Eitan 02 июнь 2016, в 12:48

Показать ещё 1 комментарий

Теги:

javascript

angularjs

2 ответа

Ещё вопросы

Я не уверен, что ты имеешь в виду. Извините, очень новичок в этом.
У вас есть директива под названием custom-logo - у нас нет этой директивы, поэтому нам нужно увидеть ее код и шаблон, чтобы помочь

Simon Schüpbach · Answer 1 · 2016-06-02T11-36-00.000Z

Вы можете использовать ng-transclude для этого

.directive('customLogo', function() {
    return {
        transclude: true,
        template: '<a href="http://www.google.com"><ng-transclude></ng-transclude></a>'
    }
});

Arno_Geismar · Answer 2 · 2016-06-02T10-17-00.000Z

Вы можете сделать это, как эта Ссылка, чтобы возиться

angular.module('directives', []).directive('customLogo', 
    function() {
      return {
        restrict: 'E',
        link: function($scope, element, attrs) {
         var image =  element.find('img');
         image.attr("src","blabla.png");
        }
      };
    }
  );
angular.module('myApp', ['directives']);


<div ng-app="myApp">
   <custom-logo>
      <div>
        <img src="logo.png">
      </div>
  </custom-logo>

</div>

обратите внимание, что "blabla.png" может быть ссылкой на ваш файл изображения в вашей области. поэтому, например, $scope.image = "src/images/blabla.png" а затем замените

image.attr("src",$scope.image);

К сожалению, я не могу редактировать существующий html, но могу запускать пользовательские угловые js, поэтому ищу способ изменить существующий контент