Question

我有这个网格选项：

$scope.ngOptions = {
        data: 'data',
        columnDefs: [
             {field: 'Status', displayName: "Status", cellTemplate: selectTableTemplate, enableCellEdit: true},
             {cellTemplate: '<button ng-click="update(col, row)">' + Save + '</button>', enableCellEdit: false }]
    };


var selectTableTemplate = "<select ng-model='Status' ng-change='changeToFirst(Status, row)'>" +
                                '<option value="1" class="ng-binding" ng-selected="COL_FIELD == 1">' + 1 + "</option>" +
                                '<option value="2" class="ng-binding" ng-selected="COL_FIELD == 2">' + 2 + "</option>"</select>";

修改如何在ng-change函数changeToFirst中获取点击的元素并选择第一个选项？

我是这样做的：

 row.elm.children().find('select').find('[value=1]').prop('selected', true);

但我确定这不是正确的方式

Answer 1

您无需编写处理程序函数来更新数据中的值。 Angular ng-model将为您提供。假设您的数据对象中有“状态”字段：

$scope.checkStatusChange = function (entity){
      console.log(entity.Status);
};

var selectTableTemplate = '<select ng-model="row.entity.Status" ng-change="checkStatusChange(row.entity)">' +
                                     '<option value="1" ng-selected="row.entity.Status == 1">1</option>' +
                                     '<option value="2" ng-selected="row.entity.Status == 2">2</option>' +
                          '</select>';

引用“row.entity”是指属于当前行的数据的链接。所以你不需要直接使用“select”元素，数据绑定就会做所有的魔术。函数“checkStatusChange”用于演示目的。

访问ng-grid中的select元素

1 个答案: