title: html datalist not support ng-options: how to pass object
body: <p>I'm developing an app in mobile-angular-ui (angular+bootstrap).
  In my login page, users can remember their credentials (username and password). Users' data ara saved in the localStorage. </p>
  
  <p>That works fine. I can load users in my login page using datalist: </p>
  
  <pre><code>&lt;form name="userForm"&gt;
      &lt;div class="form-group" ng-class="{ 'has-error' : submitted &amp;&amp; userForm.username.$invalid &amp;&amp; !userForm.username.$pristine }"&gt;
          &lt;label for="inputEmail" class="control-label"&gt;Username&lt;/label&gt;
              &lt;input type="text" class="form-control" id="inputEmail"
                             name="username" ng-model="user.username" list="UserMemoList"
                              required&gt;
      &lt;/div&gt;
  
      &lt;datalist id="UserMemoList"&gt;
          &lt;option ng-repeat="item in userMemoList track by $index" ng-click="setChange(item)"
                               value="{{item.username}}" &gt;
          &lt;/option&gt;
      &lt;/datalist&gt;
  </code></pre>
  
  <p>I can select the item.username I want, but I'm not able to select the corresponding item.password.
  My problem is that datalist doesn't work like select, and i cannot use ng-options. I have to use option+value to pass my value to the input. </p>
  
  <pre><code>&lt;div class="form-group" ng-class="{ 'has-error' : submitted &amp;&amp; userForm.password.$invalid &amp;&amp; !userForm.password.$pristine }"&gt;
      &lt;label for="inputPassword" class="control-label"&gt;Password&lt;/label&gt;
      &lt;input name="password" type="password" class="form-control" id="inputPassword"
                             ng-model="user.password" required&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would be able to use a ng-change="theSelectedUserIs(item)", but I'm not able to pass the item object, because datalist is related to the username input, so I need to pass item.username.</p>
  
  <p>Any idea?
  I don't want to use typeahead because actually is deprecated in bootstrap3 or add other libraries/js/css.
  I would like to do that only using angular and html.</p>
  
  <p>My controller: </p>
  
  <pre><code>$scope.userMemoList = JSON.parse(localStorage.getItem('userList'));
  var user = {};
  LoginService.setUser(user);
  </code></pre>
  
  <p>userMemoList is an array of object like:
      {"username":"admin", "password":"admin"}, ... </p>
  
  <p>Thanks.</p>