AngularJS进阶(十六)脏值检查

举报
SHQ5785 发表于 2020/12/30 01:56:11 2020/12/30
5.3k+ 0 0
【摘要】 脏值检查 注:请点击此处进行充电! 需求     在项目开发过程中,需要对药店信息进行更改。如下图所示。现在的需求是:当药店信息没有发生变化时,点击“更新信息”按钮,提示“药店信息未做任何更改”。 实现     可以利用angualr的脏值检查机制解决。     由于对angular的脏值检测机制不是很了解,貌似也不太好学习。就考虑使用别的方法,也可以使用n...

脏值检查

需求

    在项目开发过程中,需要对药店信息进行更改。如下图所示。现在的需求是:当药店信息没有发生变化时,点击“更新信息”按钮,提示“药店信息未做任何更改”。

实现

    可以利用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架构图

文章来源: shq5785.blog.csdn.net,作者:No Silver Bullet,版权归原作者所有,如需转载,请联系作者。

原文链接:shq5785.blog.csdn.net/article/details/50158499

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

作者其他文章

评论(0

抱歉,系统识别当前为高风险访问,暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称,即可参与社区互动!

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。