2021-06-10 工作笔记 ng-change不能触发的解决方法+wui-date日期选择器使用onchange调用函数报错

当通过JavaScript来修改ng-model的值，ng-change不能触发

 <input type="number" ng-model="testNumber" ng-change="changeNumber()" /><button ng-click="addNumber()">+1</button>

$scope.testNumber = 100$scope.addNumber = function() {$scope.testNumber++
}$scope.changeNumber = function() {console.log('changeNumber' + $scope.testNumber)
}

【问题】：点击button，testNumber值改变但不触发changeNumber方法，只有在input中输入才会触发

【解决方法】：使用onchange替换ng-change,通过元素id强行调用onchange()方法

<input type="number" id='number1' ng-model="testNumber" onchange="changeNumber()">
<button ng-click="addNumber()">+1</button>

$scope.testNumber = 100$scope.addNumber = function() {$scope.testNumber++;document.getElementById('number1').onchange()
}$scope.changeNumber = function() {console.log('changeNumber' + $scope.testNumber)
}

====================================================================

wui-date日期选择器修改时间不能触发ng-change()

//首先修改wui-date.js中的outputDate方法，通过元素id强行调用onchange()方法
function outputDate() {scope.ngModel = dateFormat(GMTToStrDate(GMTDate));if (element[0].id.includes('account')) {element[0].onchange()}
}

【问题】：通过上述方法，onchange()调用的函数报错

<wui-date required format="yyyy-mm-dd" placeholder="请选择开始日期" id="account1"btns="{'now':'今天'}" ng-model="current_school_info.protocol_starttime" onchange="setProtocolTime()"></wui-date>

【解决方法】：强制指定作用域中的函数

 <wui-date required format="yyyy-mm-dd" placeholder="请选择开始日期" id="account1" btns="{'now':'今天'}" ng-model="current_school_info.protocol_starttime" onchange="angular.element(this).scope().setProtocolTime()"></wui-date>

2021-06-10 工作笔记 ng-change不能触发的解决方法+wui-date日期选择器使用onchange调用函数报错相关推荐

在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误。未找到或无法访问服务器(及Windows 10无法找到SQL server配置管理器的解决方法)
这里写目录标题在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误.未找到或无法访问服务器 Windows 10无法找到SQL server配置管理器的解决方法后续在与 SQ ...
J2EE开发工作中遇到的异常问题及解决方法总结
J2EE开发工作中遇到的异常问题及解决方法总结参考文章: (1)J2EE开发工作中遇到的异常问题及解决方法总结 (2)https://www.cnblogs.com/shinubi/p/450715 ...
w ndows10玩游戏蓝屏,Windows 10 电脑玩穿越火线蓝屏原因及解决方法
Windows 10 蓝屏是非常常见的,可是面对不同原因出现的蓝屏您又知道如何去处理吗?今天我们就来通过解决穿越火线蓝屏顺便一起看看都是因为什么原因导致的 Windows 10 系统蓝屏吧. 1.显卡 ...
Ubuntu 10.10 无线网络已经禁用” “wiress is disabled” 解决方法
今天高高兴兴用真机器装好了Ubuntu 10.10 想WIFI 结果显示无线网络已经禁用 wiress is disabled ............... 我晕,LiveCD 启动没有任何问题. ...
Windows 10 1703-1909 版本 Win+X 丢失原控制面板解决方法
加一个百度云下载地址好了:WinX Restore.zip [790B] 2019年11月18日更新,覆盖方式支持最新 1909 系统. 2017年11月19日更新,新 1709/1803 系统覆 ...
办公室局域网打印机配置笔记及0x0000011b连接错误成功解决方法
WIn10共享打印机方法右键单击"开始"图标--"控制面板"--,以类别方式在"家庭组和网线网络". 选择"更改高级共享设置&q ...
华硕X550C 安装Ubuntu 14.10 无线网络显示硬件被禁用的解决方法
小学期涉及到LINUX 下 QT 用户界面与MySQL的应用,原来电脑是WIN8 WIN7双系统,为了大作业只能在安装一个Ubuntu.用的是Ubuntu14.10版本的,通过EasyBCD引导安 ...
支持M1芯片的Photoshop 2021(ps2021)mac版闪退、卡启动界面解决方法
macw站的2021版Photoshop版M1可以使用了,具体怎么安装呢,本文将介绍m1 Mac安装ps2021的方法.如果安装过错出现问题,本文将介绍M1 Mac安装 PS 2021 闪退.卡启动界 ...
【Linux学习笔记】3.Linux 忘记密码解决方法及远程登录
前言本章介绍Linux的忘记密码解决方法及远程登录. Linux 忘记密码解决方法很多朋友经常会忘记Linux系统的root密码,linux系统忘记root密码的情况该怎么办呢?重新安装系统吗?当 ...

2021-06-10 工作笔记 ng-change不能触发的解决方法+wui-date日期选择器使用onchange调用函数报错

2021-06-10 工作笔记 ng-change不能触发的解决方法+wui-date日期选择器使用onchange调用函数报错相关推荐

最新文章

热门文章