AngularJS основных относительно содержания замены в директиве

Question

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

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

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

Answer 1

Вы можете сделать это, как этот Link to fiddle

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); 

Answer 2

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

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