Angular 1.5 <select> 所有选项都设置为 selected="selected"答案

【问题标题】：Angular 1.5 <select> all options are being set to selected="selected"Angular 1.5 <select> 所有选项都设置为 selected="selected"
【发布时间】：2020-07-19 09:23:15
【问题描述】：

这个例子直接来自 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>

plunker 链接：https://plnkr.co/edit/ikFrsLnbR5yFymKk

如果您在 plunker 中打开调试器并修改您的选择，所有 <option> 标记将以 selected="selected" 结尾。为什么会这样？如何解决这个问题？

我在文档或在线中没有找到很好的答案（或任何参考）。任何帮助将不胜感激

编辑：正确的 plunker 链接

【问题讨论】：

你的插件是空的！

标签： html angularjs select

【解决方案1】：

我在文档中没有找到关于如何处理的具体答案。不过，我确实认为我明白为什么会这样。

ng-model 是我们选择的模型。因此，当我们更新我们的选择时，ng-model 也会更新。由于 Angular 的一些内部工作（至少我的猜测），添加了标签 selected="selected"。总的来说，这不是一个大问题，因为 selected 属性仅在加载页面时用作默认值，这将基于 ng-model。因此，应用程序中发生的上述“问题”没有固有问题

【讨论】：