我尝试从指令更新模型,但当 $apply 或 $digest 已经在进行时遇到了一些麻烦。我有一些问题:
- 为什么
scope[attrs.ngModel]
存在,但ngModel.$modelValue
不存在 存在于 $apply 阶段? - 为什么在 $digest 阶段不能总是更新 View (尤其是在困难的情况下)?
- 在我的示例中,$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);
});
}
最佳答案
那是因为 Angular 不知道如何将模型映射到您的 DIV 元素。 angular 具有几乎所有 INPUT(INPUT 类型文件除外)、SELECT 和 TEXTAREA 元素的内置模型实现。 在您的情况下(应用了 ng-model 的 DIV),没有已知的匹配模型适配器。 DIV 元素的哪些属性/属性应该采用 Angular 与您的模型同步?这就是为什么你没有应用 $modelValue。 您需要做的是为 Angular 提供自定义模型适配器,或者您需要使用 INPUT、SELECT 或 TEXTAREA 元素。
因为在 $digest 阶段 angular 假定所有更改都已完成。
没有本地或全局 $digest 阶段。阶段始终与您的 ng-app 关联。
关于javascript - 从 AngularJS 中的 $apply 或 $digest 循环中的指令更新模型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18036015/