javascript - Angular - 不使用 $parsers 更新模型

Question

所以我知道我可以通过使用 $parsers 让模型与 View 值不同。

但是如果我想在不使用 $parsers 的情况下更改模型怎么办？

例如:

html

<input tel-input ng-model="data.phone">
{{data.phone}}

js

.directive('telInput', function($compile) {
  return {
    restrict: 'A',
    scope: {
      ngModel: '='
    },
    link: function(scope, elem, attrs) {
      elem.on('paste', function() {
        scope.ngModel = 'special model value after pasting';
      });
    }
  };
});

这样做的问题是，当发生 scope.ngModel = 'pasting not allowed 时，它会更改输入中的值。

使用 $parsers，它会更改模型中的值，但 View 值保持不变。

没有任何 $setModelValue 方法，这似乎可以达到此目的。

有什么想法吗？

Answer 1

试试这个，

.directive('telInput', function() {
   return {
     restrict: 'A',
     require: 'ngModel',
     link: function(scope, elem, attrs, ngModel) {
       elem.on('paste', function() {
         ngModel.$setViewValue('special model value after pasting');
         ngModel.$render();
       });
      }
    };
  });