Динамическое значение по умолчанию для выбора из выпадающего списка на странице просмотра angularjs

Question

Опция выбора должна быть выбрана автоматически, если значение совпадает

<input type ="text" class="form-control  emailidinsert"  dir-paginate="emails in emailarr |  itemsPerPage:constidinfo.itemsPerPage" current-page="constidinfo.currentPage" total-items="total_count" value="{{emails.email_ids}}"  >

здесь мое текстовое поле имеет значение электронной почты пользователя.

<select id="editunameto" class="form-control select" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-supplier_id-container"  ng-options='unames as unames.email_id for emails in emailarr'>
      <option value="0">--Select Username--</option>
      <option ng-repeat="unames in usernames"  value="{{unames.email_id}}">{{unames.username}}</option>
</select>

и это мое поле выбора, чтобы автоматически выбрать значение параметра, которое находится в тексте типа ввода, так как значение должно совпадать со значением параметра выбора. Как я могу добиться, я пытался с помощью ng-параметров, но без использования

Answer 1

Пожалуйста, попробуйте как приведенный ниже код, а также проверьте эту ссылку для вашего примера рабочего сценария.

контроллер:

$scope.emailarr = [{
    username: 'username1',
    email_ids: 'email_Id1'
  },{
    username: 'username2',
    email_ids: 'email_Id2'
  },{
    username: 'username3',
    email_ids: 'email_Id3'
  },{
    username: 'username4',
    email_ids: 'email_Id4'
  },{
    username: 'username5',
    email_ids: 'email_Id5'
  }];

Шаблон:

    <input type ="text" ng-model="emails.email_ids"/>
    <select ng-model='emails.email_ids' ng-options='emails.username as emails.email_ids for emails in emailarr'>
      <option value="">--Select Username--</option>
    </select>