Arama hizmeti yöntemi

Question

ı bir yönergesi var diyelim : Ben iç görüntü kaynak yolunu erişmek nasıl

1. ?
2. Bu yolu MyService hizmetine nasıl geçirebilirim?

Güncelleme çözeltisiyle (bir ışık kutusu sarmalayıcı düşünün):

app.directive("component", function(LightboxService) { 
    return { 
     restrict: 'E', 
     transclude: true, 
     replace: true, 
     template: "<a href='' ng-click='lb()' ng-transclude></a>", 
     link: function (scope, element, attrs) { 
      scope.lb = function() { 
       var src = $(element).find("img").attr("src"); 
       LightboxService.show(src); 
      } 
     } 
    } 
}); 

Answer 1

1. Sen kontrolör kapsamına bağlayarak veya özelliklerini kullanarak bir bağlantı yöntemiyle ya kaynak yoluna erişebilir .

2. Servisten şablona erişemezsiniz. Hizmetinizi bir denetleyiciye enjekte etmeli ve şablondan çağrı yapmak için $ kapsamındaki bir işlevi tanımlamalısınız.

aşağıya yönergesini kontrol edin:

app.directive("component", function() { 
    return { 
     scope: { 
      ngSrc: "@", //Text Binding 
     }, 
     controller: function($scope, MyService) { 
      $scope.doThings = function() { 
       MyService.doThings(); 
      } 
     }, 
     restrict: 'E', 
     transclude: true, 
     template: "<a href='{{ng-src}}' ng-click='doThings' ng-transclude></a>" 
    } 
}); 

Burada izole kapsamı ile direktifler hakkında daha fazla bilgi edinebilirsiniz: Ben bir bağlantı yöntemi ile denedim https://umur.io/angularjs-directives-using-isolated-scope-with-attributes/