javascript - 从 AngularJS 中的 $apply 或 $digest 循环中的指令更新模型

Question

我尝试从指令更新模型，但当 $apply 或 $digest 已经在进行时遇到了一些麻烦。我有一些问题:

1. 为什么 scope[attrs.ngModel] 存在，但 ngModel.$modelValue 不存在存在于 $apply 阶段？
2. 为什么在 $digest 阶段不能总是更新 View (尤其是在困难的情况下)？
3. 在我的示例中，$digest 阶段是本地 $digest() 还是 $root.$digest()(来自 $apply())？

require: '?ngModel',
link: function(scope, element, attrs, ngModel) {

  element.bind('myEvent', function(e) {        
    //Update model from directive in phase:               $apply  |  $digest

    scope[attrs.ngModel].value = scope.$$phase; //Model: '$apply' | '$digest'
    //or
    ngModel.$modelValue.value  = scope.$$phase; //Model: 'none'   | '$digest'
    //or
    ngModel.$modelValue.value  = scope.$$phase; //Model: ''       | '$digest'
    ngModel.$setViewValue(ngModel.$modelValue);
  });
}

现场演示:http://plnkr.co/edit/gVY6GJejEKCLdTIXNAzK?p=preview

Answer 1

1. 那是因为 Angular 不知道如何将模型映射到您的 DIV 元素。 angular 具有几乎所有 INPUT(INPUT 类型文件除外)、SELECT 和 TEXTAREA 元素的内置模型实现。在您的情况下(应用了 ng-model 的 DIV)，没有已知的匹配模型适配器。 DIV 元素的哪些属性/属性应该采用 Angular 与您的模型同步？这就是为什么你没有应用 $modelValue。您需要做的是为 Angular 提供自定义模型适配器，或者您需要使用 INPUT、SELECT 或 TEXTAREA 元素。

2. 因为在 $digest 阶段 angular 假定所有更改都已完成。

3. 没有本地或全局 $digest 阶段。阶段始终与您的 ng-app 关联。