title: Select a value from typeahead shows Objec object
body: <p>I am working on Single Page Application and using <code>Angular-TypeAhead</code> when i write something in textbox it shows me suggestions but when i select the suggestion then the values of Textbox  become <code>Object object</code> instead of name</p>
  
  <p>here is my HTML Markup</p>
  
  <pre><code>&lt;div class="bs-example" style="padding-bottom: 24px;" append-source&gt;
      &lt;form class="form-inline" role="form"&gt;
        &lt;div class="form-group"&gt;
          &lt;label&gt;&lt;i class="fa fa-globe"&gt;&lt;/i&gt; State&lt;/label&gt;
          &lt;input type="text" class="form-control" ng-model="selectedState" ng-options="state.FirstName for state in states" placeholder="Enter state" bs-typeahead&gt;
        &lt;/div&gt;
      &lt;/form&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>and here is my AngularJS code</p>
  
  <pre><code>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
                  });
  
          });
  </code></pre>
  
  <p>see the images here</p>
  
  <p><img src="https://i.stack.imgur.com/98Arz.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/peBP1.png" alt="enter image description here"></p>