在AngularJS中,可以使用&
符号来定义一个带参数的函数,然后将该函数传递给指令,并在表达式中进行绑定。
以下是一个示例,展示了如何使用带参数的&
函数:
HTML代码:
JavaScript代码:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.myFunction = function(param) {
alert('参数值是:' + param);
};
})
.directive('myDirective', function() {
return {
scope: {
myFunction: '&'
},
template: ''
};
});
在上面的代码中,我们定义了一个myFunction
函数,并将其传递给自定义指令my-directive
。然后,在指令的模板中,我们创建了一个按钮,并在点击按钮时调用myFunction
函数,并将参数'Hello World'
传递给它。
当用户点击按钮时,myFunction
函数会被调用,并弹出一个含有参数值的警告框。
这就是如何在AngularJS中使用带参数的&
函数进行指令表达式绑定的方法。