输入下拉菜单不与ng-model绑定

Question

我添加任务，然后点击编辑，优先级下拉菜单不会渲染。我想知道什么是错的。看看我的完整代码 http://jsfiddle.net/U3pVM/3801/

它似乎是{{task.priorty}}，而不是使用ng-model？

Answer 1

您忘记将ng-Model添加到第二个选择中（没有ngModel，您的选择控件无法工作）。

示例：

<select ng-show="editable" ng-model="selected_priority2" ng-options="priority.level for priority in priority">
  <option value="">{{tasks.priorty}}</option>
</select>

更新了您的jsFiddle

Answer 2

在第二个下拉列表中尝试此操作

<select ng-show="editable" ng-model="task.priorty" ng-options="priority.level as priority.level for priority in priority">
</select>

Fiddle

您需要将所选task的模型添加到编辑下拉列表中。此外，您必须指定编辑下拉列表中每个项目的值是level属性。

在第一个下拉列表中，您选择整个priority对象作为每个下拉列表的值。但是，您只将priority.level分配给task（而不是整个priority对象）。因此，在编辑下拉列表中，priority.level as...指定您尝试仅将level属性与模型匹配。