<div class="photoframe"> <img src="{{gImg.thumbnailUrl}}" url="{{gImg.imageUrl}}" image-gallery> </div> myApp.directive('imageGallery',function(){ return { restrict: 'A', scope: { url: '@' }, controller: function($scope){ console.log($scope.url); } } });