Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 在回调Angular js指令中获取返回值大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在 Angularjs中创建了@L_262_1@指令,我需要使用callBACkMethod,这样我就可以调用Controller的Function.

控制器的函数调用.但是控制器的函数正在返回一些值.我想在回调函数获取该值.如何实现

以下是我的指令代码

.directive('abcOption',function($compilE) {
return {
    reStrict : 'A',template : '<div class="filter-content"></div>',replace : true,scope : {
            callBACkMethod:'&getDisplayName'
    },link: function(scope,element,attrs)
    {
        scope.getDataname =function(dataId)
        {
            scope.callBACkMethod(dataId);
        };
}
    };
});

Code下面是Controller功能

$scope.getDisplayName = function(columnName) {
return 'abc';
};

这是代码的小片段.控制器函数调用,但我没有在指令函数中获得返回值.如果我记录scope.callBACkMethod(dataId),我在控制台日志中未定义;

如何在Directive中使用callBACkMethod获取返回值?

在具有隔离范围的指令内调用控制器的函数时,需要传递@L_262_1@对象:

HTML

<div ng-app="myApp" ng-controller="ctrl">
    <div abc-option get-display-name="getDisplayName(columnName)"></div>
</div>

JS

var app = angular.module('myApp',[]);
function ctrl($scopE){
    $scope.getDisplayName = function(columnName) {        
        return 'abc';
    };
}
app.directive('abcOption',function($compile,$timeout) {
    return {
        reStrict : 'A',template : '<div class="filter-content">abc</div>',scope : {
            callBACkMethod:'&getDisplayName'
        },attrs){            
            /* send an object to the function */
            console.log(scope.callBACkMethod({columnName:"hurray"}));           
        }
    };
});

Fiddle

大佬总结

以上是大佬教程为你收集整理的angularjs – 在回调Angular js指令中获取返回值全部内容,希望文章能够帮你解决angularjs – 在回调Angular js指令中获取返回值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。