angularjs – 从typeahead中选择一个显示Objec对象的值

前端之家收集整理的这篇文章主要介绍了angularjs – 从typeahead中选择一个显示Objec对象的值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在处理单页应用程序并使用Angular-TypeAhead当我在文本框中写入内容时它向我显示建议但是当我选择建议时,TextBox的值变为Object对象而不是名称

这是我的HTML标记

  1. <div class="bs-example" style="padding-bottom: 24px;" append-source>
  2. <form class="form-inline" role="form">
  3. <div class="form-group">
  4. <label><i class="fa fa-globe"></i> State</label>
  5. <input type="text" class="form-control" ng-model="selectedState" ng-options="state.FirstName for state in states" placeholder="Enter state" bs-typeahead>
  6. </div>
  7. </form>
  8. </div>

这是我的AngularJS代码

  1. var app = angular.module('mgcrea.ngStrapDocs',['ngAnimate','ngSanitize','mgcrea.ngStrap'])
  2.  
  3. .controller('TypeaheadDemoCtrl',function ($scope,$templateCache,$http) {
  4.  
  5. $scope.selectedState = '';
  6.  
  7. $http.get('/api/servicesapi/GetAllClients')
  8. .then(
  9. function (result) {
  10. //success
  11. $scope.states = result.data;
  12. },function () {
  13. //error
  14. });
  15.  
  16. });

看到这里的图像

将ng-options =“state.FirstName for state in states”改为ng-options =“state as state.FirstName for state in states”

猜你在找的Angularjs相关文章