AngularJS extended-datetimepicker组件onchange事件无法触发问题求助
extended-datetimepicker组件监听输入值变化问题
我已经查阅过很多修复方案,但都没能解决我的问题。
我目前在使用extended-datetimepicker库,需要在输入框内容更新后调用一个函数。
该时钟组件的使用可参考官方示例,我基本按照示例方式使用组件,将其绑定到ng-model上。
这个库通过指令实现,会弹出选择面板供用户选择日期或时间,我只用到了时间选择功能,非常认可该时钟的交互设计所以一直在使用,但我始终找不到方法监听输入框的onchange事件。
我查看指令源码时在第134行看到了注释//@TODO custom event to trigger input,原本想在这里添加相关逻辑,也尝试过添加element.on('change')函数,但都没能实现功能,目前没有其他思路了。
我需要用这个库批量加载多个时间选择器,方便用户选择时间,所以解决方案需要适配ng-repeat循环渲染的场景。
补充说明
在收到相关回答后,我进一步排查了$scope变量监听不生效的原因:我之前没有说明,我的$scope绑定变量是一个数组,这才是问题根源(这也提醒大家提问时要尽可能提供详细信息)。监听数组内部变化需要给$watch方法传入第三个参数true,实现深度监听。
示例代码如下:
$scope.$watch('timesArray', function() { alert('hey, time has changed!'); }, true); // 此处为开启深度监听的第三个参数
内容的提问来源于stack exchange,提问作者Lauro182
相关产品推荐
相关产品推荐

