AngularJS进阶(十六)脏值检查
2015-12-03 11:42
761 查看
脏值检查
注:请点击此处进行充电!需求
在项目开发过程中,需要对药店信息进行更改。如下图所示。现在的需求是:当药店信息没有发生变化时,点击“更新信息”按钮,提示“药店信息未做任何更改”。实现
可以利用angualr的脏值检查机制解决。由于对angular的脏值检测机制不是很了解,貌似也不太好学习。就考虑使用别的方法,也可以使用ng-change内置指令,通过控制业务逻辑实现。Demo如下:
View视图:
<input ng-model="addr_y" id="addr_y" type="text" ng-change="textChange(addr_y)" />
Controller控制器:
$scope.doUpdate = function(){ var change = instance.change; if(!$scope.shopname){ alert("药店名称不能为空,请输入..."); return; } ................................ if(!$scope.addr_y){ alert("银行纬度不能为空,请输入..."); return; } $scope.textChange = function(val){ // alert('变化了'); instance.change = true; } //alert(change); if(!change){ alert("药店信息未做任何更改"); }else{ appCallServer($http,"G016",{"mangid":localStorage.mangid, "shopid":"S"+$scope.phone, ............... "addr_x":$scope.addr_x, "addr_y":$scope.addr_y }, function(data){ //success function alert("保存药店信息成功"); instance.change = false; //window.location="index.html"; }); } };
效果
当信息未做修改时当信息修改时
附:angular架构图
相关文章推荐
- angularjs之ui-bootstrap和ui-router结合使用
- angularjs之ui-bootstrap的使用
- angularjs-ui-router的使用
- angularjs指令的使用
- 我的第一篇博客随笔:关于angularjs API的理解心得。angular.bind() angular.boostrap()
- AngularJS进阶(十五)Cookie 'data' possibly not set or overflowed because it was too large
- AngularJS进阶(十五)Cookie 'data' possibly not set or overflowed because it was too large
- 前端使用AngularJS的$resource,后端ASP.NET Web API,实现增删改查
- AngularJS进阶(十四)AngularJS灵异代码事件
- AngularJS进阶(十四)AngularJS灵异代码事件
- 了解angular2--template(译)
- AngularJS Promise
- AngularJS过滤器
- angular模块控制器分离二
- angular模块控制器分离入门一
- AngularJS Best Practices: SEO
- AngularJS Best Practices: ui-router
- AngularJS Best Practices: ASP.NET MVC Directory Structure
- AngularJS Best Practices: pretty urls
- Angular 学习笔记——自定义指令