how to pass parameter value from html component to directive in angular code example

Example: pass value to custom directive angularjs

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