我有 ng-click="foo()" 提醒“foo”
在我自己的指令中，如果找到 ng-click，我想添加另一个函数来提醒“bar”
我试过了
演示:http://plnkr.co/edit/1zYl0mSxeLoMU3yjoGBV?p=preview
它没有工作
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="http://code.angularjs.org/1.2.7/angular.js"></script>
<script>
var app = angular.module('myApp', []);
app.controller('MyCtrl', function($scope) {
$scope.foo = function() { alert('foo'); }
$scope.bar = function() { alert('bar'); }
});
app.directive("myAttr", function() {
return {
link: function(scope, el, attrs) {
el.attr('ng-click', attrs.ngClick+';bar()');
}
}
})
</script>
</head>
<body ng-controller="MyCtrl">
<a my-attr ng-click="foo()" href="">click here!</a>
</body>
</html>
我也无法为此设置另一个 ng-* 指令以使其工作，即 el.attr('ng-focus', 'bar()');。看来，ng-* 指令一旦渲染就无法更改或添加。
我怎样才能做到这一点，我做错了什么？
最佳答案
app.directive("myAttr", function() {
return {
priority: 1,
compile: function(el, attrs) {
attrs.ngClick += ';bar()';
}
}
})
首先你需要一个compile函数，因为当link被调用时，ng-click指令已经设置好了。
第二个重要的事情是改变优先级。您要确保在 ng-click 之前调用您的指令。 ng-click默认优先级为0，所以1就足够了。
最后一点很重要，不是很明显，就是你不想改变元素，而是attrs 本身。每个元素只创建一次。因此，当 ng-click 访问它时，如果您直接更改元素上的属性，它仍然会包含相同的值。
关于angularjs 将我自己的函数添加到现有的 ng-click，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21058812/