angularjs – Angular:调用控制器函数里面的一个指令链接函数使用&

前端之家收集整理的这篇文章主要介绍了angularjs – Angular:调用控制器函数里面的一个指令链接函数使用&前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们遇到了一个问题,试图调用传递到指令的函数使用&符号&在我们的指令的链接功能

看来该函数在控制器上被调用,但是没有参数在调用中传递。我们所看到的所有例子都涉及通过在模板中创建一个调用。有没有办法从它的模板调用你的指令上的函数,然后在指令中调用传递给它的控制器函数做一些事情?

你在{}内传递参数吗?例如,在指令的链接函数中,你需要像这样调用方法:scope.someCtrlFn({arg1:someValue});
<div my-directive callback-fn="ctrlFn(arg1)"></div>
app.directive('myDirective',function() {
    return {
        scope: { someCtrlFn: '&callbackFn' },link: function(scope,element,attrs) {
            scope.someCtrlFn({arg1: 22});
        },}
});

function MyCtrl($scope) {
    $scope.ctrlFn = function(test) {
        console.log(test);
    }
}

Fiddle

原文链接:https://www.f2er.com/angularjs/146438.html

猜你在找的Angularjs相关文章