javascript - 如何动态更新 Angular ui-grid 列的 columnDef

Question

所以我面临的问题是我想更新 columnDef 定义的 field 属性，以根据传入的某些配置显示不同的值指令。我在这个 plunk 中有一个简化版本:

http://plnkr.co/edit/gmjUcQsnIOpqWwkoYiI8?p=preview

点击那个 plunk 中的按钮应该将电子邮件从 actual 切换到 pretend。它在作用域上遍历 columnDefs，然后将字段从 email.actual 更改为 email.pretend。更改 columnDef 后是否需要某种“刷新”功能？我尝试了 gridApi.core.refresh() 但没有做任何事情。感谢您的任何输入!

Answer 1

http://plnkr.co/edit/ujIpJFFGRAwNUKiy0Bnm?p=preview

$scope.otherColumn = {displayName: 'Pretend', field: 'email.pretend'};
//change the field - is this possible???
$scope.changeField = function changeField() {
    $scope.otherColumn = $scope.columnDefs.splice(1, 1, $scope.otherColumn)[0];
}

您只需从 columnDefs 数组中添加/删除项目，它就会完成。