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

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

这是我的HTML标记

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

这是我的AngularJS代码

var app = angular.module('mgcrea.ngStrapDocs',['ngAnimate','ngSanitize','mgcrea.ngStrap'])

        .controller('TypeaheadDemoCtrl',function ($scope,$templateCache,$http) {

            $scope.selectedState = '';

            $http.get('/api/servicesapi/GetAllClients')
            .then(
                function (result) {
                    //success
                    $scope.states = result.data;
                },function () {
                    //error
                });

        });

看到这里的图像

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

猜你在找的Angularjs相关文章