javascript – angularJS范围.$watch整个对象

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – angularJS范围.$watch整个对象，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1284字，纯文字阅读大概需要2分钟。

内容图文

是否可以在angularJS中观看整个物体？

我创建了一个plunker来向你展示我的意思：
http://plnkr.co/edit/QxLzbwKkJ5k50DiP8OP1

当我更改R G或B值时,colors对象不会触发更改事件,只会触发R G或B值.
我可以自己发射一个事件,以便我知道整个物体发生了变化吗？

除了这里的plunker是代码：

function ColorObject()
{
    this.r = 0;
    this.g = 0;
    this.b = 0;

    this.c = 0;
    this.m = 0;
    this.y = 0;
    this.k = 0;

    this.hex = "#ff0000";
    this.oppositeHex = "#00ffff";
}

var chColorChanger = angular.module('chColorChanger',[]);

chColorChanger.controller('chColorChangerCtrl', function ($scope,$document,$element) 
{     
    $scope.colors = new ColorObject();
    $scope.gMessage = 0;
    $scope.message = 'scope initialized';
});

chColorChanger.directive('chColorValue',['$document',function($document) {
    return {
        link: function (scope, elem, attrs) {

            scope.$watch('colors',function(newValue,oldValue){
               scope.gMessage++;
            });

            scope.$watch('colors.r', function (newValue,oldValue) {
                scope.message = 'r changed';
            });

            scope.$watch('colors.g', function (newValue,oldValue) {
                scope.message = 'g changed';
            });

            scope.$watch('colors.b', function (newValue,oldValue) {
                scope.message = 'b changed';
            });
        }
    }
}]);

解决方法:

要观看整个物体,需要使用深度表.这需要第三个参数来观看,如真的……

        scope.$watch('colors',function(newValue,oldValue){
           scope.gMessage++;
        }, true);

检查此更新的plunker link

内容总结

以上是互联网集市为您收集整理的javascript – angularJS范围.$watch整个对象全部内容，希望文章能够帮你解决javascript – angularJS范围.$watch整个对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端