为ng-click创建单个自定义指令以执行多个控制器功能 [英] Creating single custom directive for ng-click to perform multiple controller function

问题描述

我有以下代码:

<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创建一个指令并在$apply的链接中调用这3个不同的函数?

I want to create a custom single ng-click directive as its recommended for div (ng-click to be used for only buttons). I want to know if there is any way I can create a single directive for all 3 ng-click and call those 3 different functions in link at $apply?

推荐答案

在这里您可以: http://jsfiddle .net/psevypcs/2/

HTML

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

AngularJS控制器

AngularJS-Controller

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


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

AngularJS指令

AngularJS-Directive

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创建单个自定义指令以执行多个控制器功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！