一般修改的界面,会有很多信息项要填写,因为界面上有很多信息项,怕用户误操作,直接点击保存,导致错误,现在需要提供一个弹窗,将用户刚刚修改的信息项进行显示出来,以便提醒用户修改了哪些信息项,以下是思考过程:
一般监听对象属性的变化,在angularjs中可以使用watch来监听,如下格式:
$scope.$watch('addInfo.addInfoView',function(newValue,oldValue) {
if(JSON.stringify(oldValue) == "{}") return;
if (newValue === oldValue)return;
if (newValue != null && newValue!=oldValue) {
console.log("您修改了名字");
}
},true); //其中true是可以进行对象属性的比较 但是这个,我在正常切换用户,重新获取用户信息,填写上控件的信息,这个方法就一直在执行,不好判断是否是在点击保存之后用户修改了哪些信息,所以后来想想,是否可以将点击获取的旧的对象数据,和修改之后的新的对象数据进行比较,如下:
1.使用copy深拷贝,获取旧对象数据:
//拷贝一份,以便用于比较,是否修改了,2018年1月9日14:15:00 addInfo.addInfoViewCopy = angular.copy(json.content);2.然后在点击提交按钮的时候,对新的对象数据和旧的对象数据的属性一个个进行比较,判断修改了哪些属性,如下,至此就可以完成判断:
$scope.modifyRetireInfor=function(a){
console.log("新数据"+addInfo.addInfoView.name);
console.log("旧数据"+addInfo.addInfoViewCopy.name);
//对一些重要信息进行是否修改的判断，2018年1月9日14:44:48
if (addInfo.addInfoView != null ) {
addInfo.addInfoView.errorMessage="";
if(addInfo.addInfoView.name != addInfo.addInfoViewCopy.name){
addInfo.addInfoView.errorMessage="名字";
}
if(addInfo.addInfoView.identification != addInfo.addInfoViewCopy.identification){
addInfo.addInfoView.errorMessage +="、身份证";
}
}
$scope.resetModify();
}
