AngularJS ngModel指令

Question

我写了自己的指令，通过ajax解析带有select2和gat数据的输入。

HTML：

<input type="text" 
     ng-model="name" 
     data-ui-event="{keyup: 'searchByName($event)',change: 'searchByName($event)'}" 
     ajax-select2="single" data-url="/ajax/name/" 
/> 

JS：

.directive('ajaxSelect2', ['$timeout', function ($timeout) { 
return { 
    restrict: 'A', 
    link: function (scope, element, attrs) { 
     var reqParams = {}, 
      multiple = attrs.ajaxSelect2 === "multi" || 
         attrs.ajaxSelect2 === "multiple" ? true : false; 

     switch(element.prop("tagName")) { 
      case 'INPUT': 
       element.select2({ 
        multiple: multiple, 
        ajax: { 
         quietMillis: 200, 
         url: attrs.url, 
         dataType: 'json', 
         type: 'POST', 
         data: function (term, page) { 
          var req = { 
           "val": term, 
          }; 
          return JSON.stringify(req); 
         }, 
         results: function (data, page) { 
          return { results: data }; 
         } 
        } 
       }); 
      break; 

      default: 
       alert('ajax-select2 works only with input fields!'); 
      break; 
     } 

     element.bind("change", function() { 
      element.show(); //shows the input 
      $timeout(function() { 
       element.trigger('keyup'); //doesn't work 
      }); 
     }); 
    } 
}}]) 

我的问题：所选择的值设置为输入和searchByName函数被调用，但它并没有与我的NG-模型工作。如果我用ng-model =“name”添加另一个输入，则该值也应写入此输入。但事实并非如此。

编辑：这是一个jsFiddle

Answer 1

明白了！
我不得不手动更新范围内的ng模型。

element.bind("change", function(e) { 
    scope.$apply(function() { 
     scope[attrs.ngModel] = e.val; 
    }); 
}); 

完整的代码示例here。

Answer 2

正确的代码：

$timeout(function() { 
    element.trigger('keyup'); //doesn't work 
}, **Interval**);