尝试从AngularUI-Bootstrap实现AngularJS Typeahead时出现以下错误:(我只是在调用一个Servlet,以JSON格式返回结果)
TypeError: Cannot read property 'length' of undefined
at http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js:3553:24
at wrappedCallback (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js:10930:81)
at wrappedCallback (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js:10930:81)
at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js:11016:26
at Scope.$eval (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js:11936:28)
at Scope.$digest (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js:11762:31)
at Scope.$apply (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js:12042:24)
的HTML
<h4>Users from local service</h4>
<pre>Model: {{userList | json}}</pre>
<input type="text" ng-model="userList" placeholder="Users loaded from local database"
typeahead="username for username in fetchUsers($viewValue)"
typeahead-loading="loadingUsers" class="form-control">
<i ng-show="loadingUsers" class="glyphicon glyphicon-refresh"></i>
JS
$scope.fetchUsers = function(val) {
console.log("Entered fetchUsers function");
$http.get("http://localhost:8080/TestWeb/users", {
params : {
username : val
}
}).then(function(res) {
var users = [];
angular.forEach(res.data, function(item) {
users.push(item.UserName);
});
return users;
});
};
Servlet
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
UserUtil userUtil = new UserUtil();
List userList = userUtil.fetchUsers();
Iterator userIterator = userList.iterator();
JSONArray users = new JSONArray();
while(userIterator.hasNext()) {
UserDetails userDetails = (UserDetails)userIterator.next();
JSONObject jo = new JSONObject();
jo.put("UserID", userDetails.getUserId());
jo.put("UserName", userDetails.getUserName());
jo.put("UserDescription", userDetails.getDescription());
users.add(jo);
}
response.setContentType("application/json");
response.getWriter().write(users.toString());
}
servlet的响应
我提到了以下问题:
但是,我仍然无法弄清分辨率。servlet本身的响应是否存在问题?或者是别的什么?
在再次查看代码后,我注意到了什么地方不对,您必须在此处返回$ http promise,return
在$ http之前进行通知
$scope.fetchUsers = function(val) {
console.log("Entered fetchUsers function");
return $http.get("http://localhost:8080/TestWeb/users", {
params : {
username : val
}
}).then(function(res) {
var users = [];
angular.forEach(res.data, function(item) {
users.push(item.UserName);
});
return users;
});
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句