使用AngularJS观看整个对象(深度观察)

 WenFJ 发布于 2023-02-13 20:41

这是angular-resource variable / object表示表单数据的范围:

    $scope.form = {
              name: 'bob', 
              email: 'bob@bobs.com'
    }

我可以通过各种方式观察name变量的变化.

    $scope.$watch('form.name', function(newVal) {
        if(newVal) {
            alert(newVal)
        }
    });

如果更改了任何文件,可以使用什么方法 - 名称,电子邮件或任何scope.form可能有的?

我的目的是根据用户在表单上更改某些内容的事实禁用或启用我的表单"保存".

1 个回答
  • 还有第三个参数$watch()可以检查对象是否相等(深度监视).

      $scope.$watch('form', function(newVal) { //watch the whole object
            if(newVal) {
                alert(newVal);
            }
        }, true); //pass "true" here.
    

    为了进一步完善我的答案,这两种方法在这种情况下产生相同的结果:在这里进行现场演示(点击).但是$watchCollection很浅,不会看任何嵌套的变化.

      $scope.$watch('form', function(newForm, oldForm) {
        console.log(newForm.name);
      }, true);
    

    或者:( 不是深表)

      $scope.$watchCollection('form', function(newForm, oldForm) {
        console.log(newForm.name); 
      });
    

    2023-02-13 20:46 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有