为 ng-click 创建单个自定义指令以执行多个控制器功能

Question

我有以下代码：

<div>...
    <div class="glyphicon glyphicon-filter ng-click="vm.add()" tabindex="1">
    <a href='' tabindex="2"><img id="touch" ng-click="vm.multiply(xyz)" 
    src="/ui/assets/images/xxx.png"/></a> 
    <div class="glyphicon glyphicon-filter"ng-click="vm.showId()" tabindex="1" title="Filter">
    </div>
..</div>

我想创建一个自定义的单个 ng-click 指令，因为它建议用于 div（ng-click 仅用于按钮）。我想知道是否有任何方法可以为所有 3 个 ng-click 创建一个指令并在 link at $apply 中调用这 3 个不同的函数？

Answer 1

给你：http://jsfiddle.net/psevypcs/2/

HTML

<div clicky="test()">test</div>
<div clicky="test2()">test2</div>

AngularJS-控制器

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


$scope.test2 = function(){
       alert('hy2');
   };

AngularJS-指令

angular.module('myApp')
        .directive('clicky', Clicky);

    function Clicky() {
        return {
            restrict: 'A',
            scope: {
                clicky: '&'  // Take yourself as variable
            },
            link: function(scope, element, attrs){
               $(element).on('click', function(e) {
                  scope.clicky();
               });
            }
      };
    }

为 ng-click 创建单个自定义指令以执行多个控制器功能

Creating single custom directive for ng-click to perform multiple controller function

angularjs

angularjs-directive

angularjs-ng-click