Angular.js ngTable選擇輸入作為不顯示現有值的列

Question

我正在使用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

Answer 1

我想到了。 ng模型需要指向關聯對象的完整實例，而不僅僅是指向保存ID的屬性。 在我的課堂上，我同時擁有一個Id字段（模仿數據庫表）和關聯的實例。 綁定到實例（task.taskCategory而不是task.categoryId）可以解決該問題。