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

input dropdown menu doesn't bind with ng-model

本文关键字:ng-model 绑定 下拉菜单 输入      更新时间:2023-09-26

我添加一个任务,然后点击编辑,优先级下拉菜单不呈现。我想知道出了什么事。在这里看看我的完整代码http://jsfiddle.net/U3pVM/3801/

它似乎是{{task.priorty}},而不是与ng-model?

在第二个下拉菜单中试试

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

小提琴

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

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

你忘记在第二个select中添加ng-Model了(没有ngModel你的select控件将无法工作)。

例子:

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

更新你的jsFiddle