AngularJS-如何覆盖指令ngClick
我想重写指令ng click：在每次执行ng click之前，对某些命令进行一些$rootscope更改。如何执行？您不能覆盖AngularJS内置指令。但是，您可以使用相同的名称定义多个指令，并对同一元素执行它们。通过为指令指定适当的AngularJS-如何覆盖指令ngClick,angularjs,angularjs-directive,angularjs-ng-click,Angularjs,Angularjs Directive,Angularjs Ng Click,我想重写指令ng click：在每次执行ng click之前，对某些命令进行一些$rootscope更改。如何执行？您不能覆盖AngularJS内置指令。但是，您可以使用相同的名称定义多个指令，并对同一元素执行它们。通过为指令指定适当的优先级，您可以控制指令是在内置指令之前还是之后运行 这显示了如何构建在内置的ng click执行之前执行的ng click指令。代码如下所示。单击链接时，将首先运行自定义的ng click，然后运行内置的ng click index.html <!DOCTY
优先级ng clickng clickng clickng click<!DOCTYPE html>
<html ng-app="app">
<head>
<script data-require="jquery@1.9.0" data-semver="1.9.0" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.js"></script>
<script data-require="angular.js@1.0.7" data-semver="1.0.7" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js"></script>
<script src="script.js"></script>
</head>
<body ng-controller="MyCtrl">
<a ng-click="alert()">Click me</a>
</body>
</html>
每个指令都是AngularJS中的特殊服务，您可以覆盖或修改AngularJS中的任何服务，包括指令 例如，删除内置的
ngClickangular.module('yourmodule',[]).config(function($provide){
$provide.decorator('ngClickDirective', ['$delegate', function($delegate) {
//$delegate is array of all ng-click directive
//in this case first one is angular buildin ng-click
//so we remove it.
$delegate.shift();
return $delegate;
}]);
});
ngClickangular.module('yourmodule',[]).directive('ngClick',function (){
return {
restrict : 'A',
replace : false,
link : function(scope,el,attrs){
el.bind('click',function(e){
alert('do you feeling lucky');
});
}
}
});
我写了一个示例，删除了angular内置的
ng clickngClick单击元素完成的。bindangular.module('yourmodule',[]).config(function($provide){
$provide.decorator('ngClickDirective', ['$delegate', function($delegate) {
//$delegate is array of all ng-click directive
//in this case first one is angular buildin ng-click
//so we remove it.
$delegate.shift();
return $delegate;
}]);
});