使用键盘下拉未设置的模型数据和ng-change问​​题

时间:2014-07-31 12:56:03

标签: javascript html angularjs

我的html下拉:

 <div class="col-md-3">
    <select id="ApplicationForm" name="ApplicationForm" class="form-control" ng-disabled="NoForm == '1'"
        ng-model="Model.ApplicationForm" ng-options="Forms.FormCode as Forms.FormDescription for Forms in Data.HOSeleForms" ng-change="SetAppForm"
        required>
    </select>

当我使用鼠标选择下拉列表时,ng-change始终触发并且模型数据ModelData.ApplicationForm正确更新。但是,当我使用键盘并选择下拉列表时,模型数据仅在第一次下拉选择更改时更新,而ng-change仅在第一次触发,但第二次没有模型数据更新或ng更改触发。

同样,如果我在下拉列表中更改选定项目的次数超过两次。它开始更新modeldata ApplicationForm。

可能是什么问题!

1 个答案:

答案 0 :(得分:1)

这是一个ie9浏览器错误,而不是一个有角度的错误。

这很有效。

theApp.directive("select", function() {
    return {
      restrict: "E",
      require: "?ngModel",
      scope: false,
      link: function (scope, element, attrs, ngModel) {
        if (!ngModel) {
          return;
        }
        element.bind("keyup", function() {
          element.triggerHandler("change");
        })
      }
   }
})