Угловое выпадающее значение Предварительно выбранное значение отображается дважды

Question

У меня есть проблема, когда у меня есть предварительно выбранное значение в раскрывающемся меню, которое отображается правильно, но теперь оно отображается дважды в раскрывающемся списке.Ниже приведен мой код, который поддерживает это с ожидаемыми и фактическими результатами.

Контроллер:

this.values =[
  {
    "name": "A",
    "id": "123"
  },
  {
    "name": "B",
    "id": "456"
  },
  {
    "name": "C",
    "id": "789"
  }];
this.defaultValue = 'B';
this.selectedValue = _.find(this.values, value => {
    return value.name = this.defaultValue;
});

Шаблон:

   <div>
          <select
            ng-model="vm.selectedValue"
            ng-options="choice.name for choice in vm.values">
         </select>
    </div>

Ожидается из раскрывающегося списка:

Показывает B в качестве выбранного значения, и когда вы открываете раскрывающийся список, вы видите

A 
B (with a check)
C

Actual: Отображение B в качестве выбранного значения и при открытии раскрывающегося списка НО, когда вы открываете раскрывающийся списоквы видите

B (with a check)
A
B
C

Как вы можете видеть в моих текущих результатах, B отображается как выбранный, но затем также снова в раскрывающемся списке.Я только хочу, чтобы B появился один раз, когда он был выбранЕсть идеи, что я делаю не так и как добиться желаемых результатов?

Answer 1

 <div>
          <select
            ng-model="vm.selectedValue"
            ng-options="choice.name for choice in vm.values track by choice.id">
         </select>
    </div>

использовать трек в ng-repeat