Angular 1,5 <select>все опции установлены на выбранные = "выбранные"

Question

Этот пример прямо из Angular Документов https://docs.angularjs.org/api/ng/directive/select

  <form name="myForm">
    <label for="mySelect">Make a choice:</label>
    <select name="mySelect" id="mySelect"
      ng-options="option.name for option in data.availableOptions track by option.id"
      ng-model="data.selectedOption"></select>
  </form>
  <hr>
  <tt>option = {{data.selectedOption}}</tt><br/>
</div>

Ссылка на плункер: https://plnkr.co/edit/ikFrsLnbR5yFymKk

Если вы откроете отладчик в плунжере и измените свой выбор, все теги <option> получат selected="selected". Почему это происходит? Как это можно исправить?

Я не нашел хорошего ответа (или какой-либо ссылки) на этот вопрос в Документах или в Интернете. Любая помощь будет сильно оценена

РЕДАКТИРОВАТЬ: правильная ссылка на плункер

Answer 1

Я не нашел конкретного ответа c в документации о том, как это обрабатывается. Однако я думаю, что понимаю, почему это происходит.

ng-модель - это модель для нашего выбора. Поэтому, когда мы обновляем наш выбор, ng-модель также обновляется. Наличие тега selected="selected" добавлено из-за некоторой внутренней работы Angular (по крайней мере, я думаю). В целом, это не является большой проблемой, поскольку атрибут selected используется только по умолчанию при загрузке страницы, которая будет основана на модели ng. Таким образом, в приложении

не существует внутренней проблемы с вышеуказанным «вопросом».