gpt4 book ai didi

angularjs 将我自己的函数添加到现有的 ng-click

转载 作者:行者123 更新时间:2023-12-03 08:23:39 25 4
gpt4 key购买 nike

我有 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com