Почему не `атр $ observe` обратного вызова срабатывает, когда значение изменяется

Question

Я написал директиву multiple-pattern проверки, которая принимает несколько проверки регулярных выражений:.

link: function (scope, elm, attr, ctrl) { 
    if (!ctrl) return; 

    let validators = []; 
    attr.$observe('multiplePattern', function (patterns) { 
     // doesn't get there after value change 
     var parsed = scope.$eval(patterns); 

, но я не понимаю, почему $observe обратного вызова не срабатывает, когда переменная на контроллере validationRegexps изменяется (обратный вызов нг повтора в срабатывает, когда regexp переменная изменена):

$scope.regexp = '^\\S*$'; 
$scope.validationRegexps = {'nospaces': '^\\S*$', 'nofirstnumber': '^[A-Za-z]'}; 

setTimeout(function() { 
    $scope.$apply(function() { 
     $scope.regexp = '[^abc]'; 
     $scope.validationRegexps = {'noabc': '[^abc]'}; 
    }) 
}, 5000); 

Использование:

<div ng-pattern="regexp" multiple-pattern="validationRegexps"></div> 

Answer 1

$observe действительно работает так же, как и $watch. Но разница между этими двумя составляет $watch принимает значение string или expression & оценивает каждый цикл дайджеста, где $observe принимает interpolated выражение, подобное {{validationRegexps}}.

attr.$observe будет работать только тогда, когда вы использовали attribute с интерполированным контентом {{}}.

HTML

<div ng-pattern="regexp" multiple-pattern="{{validationRegexps}}"></div> 

Answer 2

Я только что проверил исходный код, и кажется, что есть специальная обработка ng-pattern значение, которое позволяет корректную работу $observe без указания интерполяции:

var ALIASED_ATTR = { 
    'ngMinlength': 'minlength', 
    'ngMaxlength': 'maxlength', 
    'ngMin': 'min', 
    'ngMax': 'max', 
    'ngPattern': 'pattern' 
}; 


forEach(ALIASED_ATTR, function(htmlAttr, ngAttr) { 
    ngAttributeAliasDirectives[ngAttr] = function() { 
    return { 
     priority: 100, 
     link: function(scope, element, attr) { 
     //special case ngPattern when a literal regular expression value 
     //is used as the expression (this way we don't have to watch anything). 
     if (ngAttr === "ngPattern" && attr.ngPattern.charAt(0) == "/") { 
      var match = attr.ngPattern.match(REGEX_STRING_REGEXP); 
      if (match) { 
      attr.$set("ngPattern", new RegExp(match[1], match[2])); 
      return; 
      } 
     } 

     scope.$watch(attr[ngAttr], function ngAttrAliasWatchAction(value) { 
      // here the value is already interpolated 
      attr.$set(ngAttr, value); 
     }); 
     } 
    }; 
    }; 
}); 

В отличие не интерполированное значение для других случаев использования $observe:

$observe: function(key, fn) { 
    var attrs = this, 
     $$observers = (attrs.$$observers || (attrs.$$observers = createMap())), 
     listeners = ($$observers[key] || ($$observers[key] = [])); 

    listeners.push(fn); 
    $rootScope.$evalAsync(function() { 
     if (!listeners.$$inter && attrs.hasOwnProperty(key) && !isUndefined(attrs[key])) { 
     // not interpolated value is passed down here 
     fn(attrs[key]); 
     } 
    }); 

    return function() { 
     arrayRemove(listeners, fn); 
    }; 
    }