0

我正在使用 Angular.js 1.2，并且正在尝试在 ngTable 的单元格中使用 Select 输入。选项列表已填充，但 ngModel 指令似乎没有选择要显示的项目。

这是我的桌子现在的样子：

    <table class="col-xs-12 table" data-ng-table>
        <tr data-ng-repeat="task in template.tasks">
            <td data-title="'Category'">
                <select class="form-control template-task-category" data-ng-model="task.categoryId" data-ng-options="category.description for category in taskCategories track by category.id"></select>
            </td>
            <td data-title="'Description'">
                <input class="form-control template-task-description center-block" data-ng-model="task.description"/>
            </td>
            <td data-title="'Default Role'">
                <select class="form-control" data-ng-model="task.defaultRoleId" data-ng-options="role.Name for role in roles track by role.id"></select>
            </td>
            <td data-title="'Est. Hours'">
                <input class="form-control template-task-hours center-block" data-ng-model="task.estimatedHours"/></td>
            <td data-title="'Order'"><input class="form-control template-task-sort center-block" data-ng-model="task.sortOrder"/>
            </td>
            <td data-title="'Remove'">
                <a href="#" class="glyphicon glyphicon-remove" onclick="return false;" data-ng-click="removeTask(task)"></a>
            </td>
        </tr>
    </table>

类别和默认角色列始终显示为未选择的下拉列表，当我直接显示和时task.categoryId，task.defaultRoleId它们确实具有属于选项列表的值。我还需要在这里做些什么吗？

编辑

这是一个例子。我所期望的是下拉菜单选择了相关的值。http://plnkr.co/edit/9DkSQT?p=preview

4

1 回答 1

0

我想到了。ng-model 需要指向关联对象的完整实例，而不仅仅是包含 id 的属性。在我的课堂上，我有一个 Id 字段（模仿数据库表）和关联的实例。绑定到实例（task.taskCategory 而不是 task.categoryId）修复了它。

于 2014-07-25T15:51:19.843 回答