AngularJs的ngclick在onchange之前启动

Question

在我的应用程序中，有两个元素。一个是自动完成元素，另一个是按钮。

我的问题是，在桌面chrome-jquery onChange of autocomplete元素[#COUNTRY_LIST]触发下面的按钮。但在安卓移动chrome中，ng-click首先启动并调用onChange。当点击触发时，有什么方法可以防止onChange。

自动完成元素，其ID为COUNTRY_LIST

<input type="text" ng-model="data.ctList" id="COUNTRY_LIST" placeholder="Key in to auto search"/>
$(document).on("change","#COUNTRY_LIST", function (e) {
var $scope = angular.element(document.getElementById("DATA")).scope();
$scope.$apply(function() {
// make clear selected country list
// In desktop chrome - this function calls before COUNTRY_LIST change
// In Android mobile chrome - this function calls afterCOUNTRY_LIST change
});
});

下一个按钮元素

<button type="button" ng-click="callNext()">Next</button>
$scope.callNext= function() {
// In Android mobile chrome - this function calls before COUNTRY_LIST change
// In desktop chrome - this function calls after COUNTRY_LIST change
}

Answer 1

尝试使用Typeahead(ui.bootstrap.Typeahead(。请参阅Docs