angularjs - 有什么方法可以使用指令动态添加 ng-model-options 吗？

Question

我想在编译我的指令时添加这个选项。

我一直在尝试:

HTML

<input ng-model="myValue" my-directive>

JS

angular
  .module('myApp')
  .directive('myDirective', directive);

directive.$inject = ['$compile'];
function directive($compile){
  var ddo = {
    restrict: 'A',
    require: 'ngModel',
    link: {pre: prelinkFn} 
  };
 return ddo;

 function prelinkFn(scope, element, attrs){

  attr['ngModelOptions'] = { updateOn: 'blur' };

  //I think that in this function, when i compile the element, the attributes 
  //are compiled too, but this is not working
  $compile(element)(scope);
 }  
}

我的问题:

1. 我做错了什么？
2. 还有其他方法可以为 ng-model 赋值绑定(bind)“blur”选项吗？

Answer 1

你应该使用 ngModelCtrl.$options:

app.directive("myDirective", function($compile){
    return {
        require: 'ngModel',
        link: function(scope, iElem, iAttrs, ngModelCtrl) {
            ngModelCtrl.$options = {
                updateOn: 'blur',
                updateOnDefault: true,
                debounce: {
                    'blur': 1000,
                    'default': 1000
                }
            }
            // Then do what you want... :)
        }
    }
});