angularjs Böyle basit bir direktif var click olayını

Question

oluşturmak yönergesine:

angular.module('docsTemplateUrlDirective', []) 
    .controller('Controller', ['$scope', function($scope) { 
     $scope.customer = { 
     name: 'Naomi', 
     address: '1600 Amphitheatre' 
     }; 

$scope.clicke = function(){ 
alert('test'); 
}; 

    }]) 
    .directive('myCustomer', function() { 
     return { 
     templateUrl: 'my-customer.html' 
     }; 
    }); 

index.html

<div ng-controller="Controller"> 
    <div my-customer click-event='clicke()'></div> 
</div> 

my-customer.html

Name: {{customer.name}} Address: {{customer.address}} 
<button>click</button> 

ve ben oluşturmak istiyorum butonu için tıklayın ve kontrol cihazımdan sonra bu etkinliği kullanın. Ama nasıl yapacağımı bilmiyorum. Bana yardım et pls. Çok teşekkürler.

Answer 1

Angular size bir şey kullanmanızı öneririm: ng-click. Eğer yönergede tıklarsanız

<div ng-controller="Controller"> 
    <div my-customer ng-click='clicke()'></div> 
</div> 

, bu gibi görünmelidir::

Answer 2

Sen tekrarlatacak ng-repeat kullanabilirsiniz Burada

senin için yaptığım bir JSBin örnek Bir dizi müşteri ve daha sonra ng-click işlevinin hangi müşteriye (dizideki dizin) görüntülenen parametrelerini almasını sağlayın ...

<div ng-repeat="customer customers track by $index" ng-click="myClickHandler(index)"> 
    {{customer}} 
</div> 

Answer 3

Çözümü takip etmenizi öneririm.

angular.module('docsTemplateUrlDirective', []) 
    .controller('Controller', ['$scope', function($scope) { 
    $scope.customer = { 
     name: 'Naomi', 
     address: '1600 Amphitheatre' 
    }; 

    $scope.clicke = function(evt) { 
     alert('test'); 
    }; 

    }]) 
    .directive('myCustomer', function($parse) { 
    return { 
     restrict: 'A', 
     scope: true, 
     templateUrl: 'my-customer.html' 
    } 
    }) 
    .directive('clickEvent', function($parse) { 
    return { 
     restrict: 'A', 
     scope: true, 
     link: function(scope, el, attrs) { 
     var expressionHandler = $parse(attrs.clickEvent) 
     el.find('#btnSubmit').on('click', function(e) { 
      expressionHandler(scope); 
     }) 
     } 
    } 
    });