javascript - 仅当我放置警报框但仅在 chrome 中时，AngularJs+Bootstrap+Typeahead+Ajax 才起作用

Question

我正在使用 bootsrap typehead 和此链接中给出的 angularjs http://angular-ui.github.io/bootstrap/

在我的 Controller 中

 $scope.getUser = function(val) {
        //alert("hi");
         return $http.get('user/getUserNames.do', {
              params: {
                userName: val,

              }
            }).then(function(response){

              return response.data;


            });


          };

我的html代码

<input type="text" ng-model="asyncSelected"  typeahead-wait-ms="300" typeahead="user for user in getUser($viewValue)"  class="form-control">

如果删除警报，打字头将无法工作

如果我保持警报，打字头将仅在 chrome 中工作

如果我在“return $http.get('user/getUserNames.do'”处放置一个断点并使用 火虫它在 Firefox 中工作

我正在从服务器接收这种格式的数据['name1','name2']

请有人帮忙

提前致谢

Answer 1

那是因为关闭警报和接收异步数据所花费的时间。您应该将数据存储在 $scope 上，而不是在 $scope 上调用函数

   $scope.users= {};
   $scope.getUser = function(val) {

     return $http.get('user/getUserNames.do', {
          params: {
            userName: val,

          }
        }).then(function(response){

          $scope.users=  response.data;


        });


      };

html

  <input type="text" ng-model="asyncSelected"  ng-change="getUser($viewValue)"
  typeahead-wait-ms="300" typeahead="user for user in users"  class="form-control">