angularjs - 获取指令中 ngModel 的初始值

Question

我有一个需要 ngModel 的指令。该指令修改存储在 ngModel 中的值(它实现文本的就地编辑)。在我的 link 函数中，我需要在更改之前获取 ngModel 的值。

我尝试查看 ngModel.$viewValue 和 ngModel.$modelValue。他们最终都获得了模型的内容，但在指令生命周期的开始，他们获得了原始的未处理的 Angular 表达式，例如 {{user.name}}。我无法找到一种方法来确定当表达式被处理时。

有什么想法吗？

directive('test', function() {
    return {
        restrict: 'A',
        require: 'ngModel',
        link: function(scope, element, attrs, ngModel) {

        }
    };
})

Answer 1

使用$parse服务:

app.directive('test', function($parse) {
  return {
    link: function (scope, element, attrs) {

      var modelGetter = $parse(attrs.ngModel);
      var initialValue = modelGetter(scope);

    }
  };
});

或者:

app.directive('test', function($parse) {
  return {
    compile: function compile(tElement, tAttrs) {

      var modelGetter = $parse(tAttrs.ngModel);

      return function postLink(scope, element) {

        var initialValue = modelGetter(scope);

      };
    }
  };
});

演示: http://plnkr.co/edit/EfXbjBsbJbxmqrm0gSo0?p=preview