我有一个接受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回调函数调用控制器函数.
我认为这可以达到您所需的功能:
如果需要,您可以从点击中捕获事件对象:
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); } }