Angularjsディレクティブは、私はこのような単純なディレクティブを、持っているイベント

Question

をクリックして作成しますイベントをクリックしてボタンをクリックし、その後コントローラの中で このイベントを使用します。 しかし、私はそれを行う方法がわかりません。 助けてください。どうもありがとう。

Answer 1

私は何かを使用することをお勧めします角度は既にあなたに与えます：ng-click。

はここで私はあなたのためにやったJSBin例です：

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

あなたはディレクティブをクリックすると、それは次のようになります。

Answer 2

あなたが反復処理するng-repeatを使用することができます配列の顧客（配列のインデックス）が表示されているパラメータを取得するng-click関数を持っている...

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

Answer 3

私は解決策を提案します。

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