angular js动态地将列添加到ui-grid

Question

嗨，我正在开发 Angular js 应用程序，其中我正在使用 Angular ui-grid 显示绑定来自 mvc 控制器的数据。但是在我将数据绑定到 ui-grid 之后，我想向具有按钮的网格添加额外的列动态的每一行。我不知道该怎么做。任何帮助将不胜感激..

代码：这里 columnDefs 将绑定到 http 服务方法，该方法将调用 mvc 控制操作并绑定响应。我现在想添加新列。每行都有按钮。是否有任何将数组绑定到 columnDefs 字段：

    $scope.gridOptions = {
            enableColumnsResize: true,
            enableSorting: false,
            enableFiltering: false,
            autoResize: true,
            enableFocusedCellEdit: true,
            enableCellSelection: true,
            enableCellEditOnFocus: true,
            enableColumnMenus: false,
            columnDefs: [

            ],
            data:$scope.swap,
            onRegisterApi: function (gridApi) {
                $scope.grid1Api = gridApi;
            }

        };
$http.get('/Default1/GetJsonData')
            .success(function (result) {
                $scope.swap = result;
                $scope.gridOptions.push({name:'newcol',filter:'newcolarray'})

                $scope.gridOptions.data = $scope.swap;
                console.log(result);
            })
            .error(function (data) {
                console.log(data);
            });

Answer 1

您应该能够在您的 success() 处理程序中执行以下操作

$scope.gridOptions.columnDefs.push({name: 'newCol', displayName: 'My new col'});

以此类推，在您设置 $scope.gridOptions.data 之前，每列一个这样的调用