选择列表不显示绑定的值

Question

以下是观点：

  <select ng-model="c_id" ng-selected="c_id" name="cov" id="cov">
    <option ng-repeat="cover in Options" value="{{ cover.id }}">
      {{ cover.name }}
    </option>
  </select>

其中c_id和Options是$ scope属性。当我选择一个选项时，它的值（cover.id）适用于保存到数据库的c_id。但是，当我重新加载页面时，即使c_id有值，相应的cover.name也不会在我的下拉列表中显示为已选中。我需要添加/更改什么？

Answer 1

我认为你应该使用ng-options：

<select ng-model="c_id" ng-options="cover.name as cover.id for cover in Options"></select>

以下是基于简单数据的demo on CodePen。