Angular UI-网格下拉列表未捕获更改

Question

我是 angular ui-网格的新手。

我想实现一个用于内联编辑的下拉框，我按照本教程（性别列）进行操作：http://ui-grid.info/docs/#/tutorial/201_editable 我使用新的 cshtml 页面对其进行了修改（如下所示），因为我想设置来自数据库的选项，而不是手动输入选项。

下面的代码是我实现下拉框的地方：

name: app.localize('Roles'),
field: 'getRoleNames()',
minWidth: 160,
editableCellTemplate: '~/App/common/views/users/roleDropDownList.cshtml'

这里是 roleDropDownList.cshtml

的代码

<div ng-controller="common.views.users.index as vm">
    <select>
        <option ng-repeat="role in vm.roles">{{role.displayName}}</option>
    </select>
</div>

现在我可以选择选项了，但是当我选择其中一个选项时，就像没有捕捉到变化一样。

示例如下： DropDown sample

如图所示，红色行表示它是脏行（已编辑），但我使用下拉菜单编辑的行不是红色表示它未被编辑且无法保存.

Answer 1

我找到了一种更容易实现我想要的方法。

name: app.localize('Roles'),
field: 'getRoleNames()',
minWidth: 160
editableCellTemplate: 'ui-grid/dropdownEditor',
editDropdownValueLabel: 'displayName',
editDropdownIdLabel: 'displayName'

editDropdownValueLabel 是设置options的值否则会显示"undefined"如下图

Example of dropdown undefined options

editDropdownIdLabel 是显示所选选项的值，否则它会显示如下图所示的 ID

Showed Id

下面的代码是从数据库中获取数据：

vm.userGridOptions.columnDefs[3].editDropdownOptionsArray = result.data.items;

Angular UI-网格下拉列表未捕获更改

Angular UI-Grid dropdown is not capturing the changes

angular-ui-grid

dropdown