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

这是我的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
                });

        });

看到这里的图像