Question

以下问题：在创建正在观看属性的元素指令时，如果观察到的表达式解析为promise（使用Kris Kowal的Q库），则不会触发监视。 JSFiddle：http://jsfiddle.net/Netaork/PjS8J/

段：

var module = angular.module("my-module", []);

angular.module('my-module').directive('promise', function ($compile) {
    return {
        link: function (scope, iElement, iAttrs) {

            // watch variant 1, watching the expression directly
            scope.$watch(iAttrs['use'], function(newValue, oldValue) {
               console.log('1.)', newValue, oldValue); 
            });

            // watch variant 2, using a function and $eval to evaluate the expression
            scope.$watch(function(scope) {
                return scope.$eval(iAttrs['use']);
            }, function(newValue, oldValue) {
               console.log('2.)', newValue, oldValue); 
            });

            // watch variant 3, using a function and return watched expression, this
            // works only for atomar expressions, but is the only one to trigger if
            // the expression resolves to a promise
            scope.$watch(function(scope) {
                return scope[iAttrs['use']];   
            }, function(newValue, oldValue) {
               console.log('3.)', newValue, oldValue); 
            });
        },
        restrict: 'E'
    };
});

function MyCtrl($scope) {
    var promise = Q.defer().promise;
    //promise = { a: 'Hello World', b: 1337 };

    $scope.pr = promise;
    $scope.getPr = function() {
        return promise;   
    }
}

HTML看起来很简单：

<div ng-app="my-module">
    <div ng-controller="MyCtrl">
        <promise use="getPr()"></promise>
        <promise use="pr"></promise>
    </div>
</div>

第一个promise元素仅触发带有promise的watch 1和2。 Watch 3显然无法解析，因为语法已经错误。所以这就是预期的一切。

第二个promise元素仅显示触发器3，这是意外的。

如果取消注释控制器中的行以将promise与标准对象交换，则所有内容都会按预期触发。

我在这里想念一下吗？ Angular docs表示它使用angular.equals来测试更改的对象。如果我测试我对undefined的承诺，则返回true。

角度表不会触发某些物体

0 个答案: