angularjs – 将参数传递给内部指令中的ngChange事件调用

发布时间：2020-12-17 09:27:28 所属栏目：安全来源：网络整理

导读：我有一个接受ng-change属性的指令： radio-buttons options="optionsList" ng-model="myModel" ng-change="myCallback($event)"/radio-buttons 我在我的控制器myCallback中定义了一个函数,如下所示： $scope.myCallback = function(e) { console.log("Callba

我有一个接受ng-change属性的指令：

<radio-buttons options="optionsList" 
               ng-model="myModel" 
               ng-change="myCallback($event)"></radio-buttons>

我在我的控制器myCallback中定义了一个函数,如下所示：

$scope.myCallback = function(e) {
    console.log("Callback from controller");   
    console.log(e);
}

我的radioButton指令中存在以下函数select.我需要定义在select函数中在我的指令内执行ngChange回调的时间：

function select(scope,val) {
    if (!scope.disabled && scope.selectedValue != val) {
        scope.selectedValue = val;
        scope.model = val;

        scope.callback.call();
    }
}

我遇到的问题是myCallback中的$event在我的指令的select函数中执行myCallback时不会被传递.

小提琴：http://jsfiddle.net/dkrotts/BtrZH/7/更新日期：http://jsfiddle.net/dkrotts/BtrZH/8/

我究竟做错了什么？

如果要控制何时调用ng更改的处理程序,我认为最简单的方法是完全删除ng更改 – 您可以直接从ng-click回调函数调用控制器函数.

我认为这可以达到您所需的功能：

http://jsfiddle.net/BtrZH/11/

如果需要,您可以从点击中捕获事件对象：

ng-click="select(scope,option.value,$event)"

然后,您可以在需要时调用控制器功能：

function select(scope,val,$event) {
    if (!scope.disabled && scope.selectedValue != val) {
        scope.selectedValue = val;
        scope.model = val;
        scope.$parent.myCallback($event);
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!