javascript - Angular UI Grid 重新加载单元格模板

Question

我不知道如何做本来应该很简单的事情。

我的 UI 网格中有 10 列，它们都是可编辑的。我的目标是动态“禁用”或让它们成为“必需”输入，具体取决于范围对象的选项。

对象:

$scope.columnOptions = {
    'column1': 'MANDATORY',
    'column2': 'DISABLED'....
}

单元格模板

cellTemplate: '<input ng-disabled="{{ grid.appScope.columnOptions.column1=== \'DISABLED\' }}" ' +
                'ng-required="{{ grid.appScope.columnOptions.column1=== \'MANDATORY\' }}" ' +
                'data-ng-model="row.entity.column1" style="width:95%">'

如果对象在初始化时存在，则此方法有效。

问题是当我更改columnOptions的值时，行不会更新。

我尝试了不同的 ui-grid API 来重新加载我的模板，但它不起作用:

        $scope.gridApi.core.refresh();
        $scope.gridApi.core.raise.reloadData();
        $scope.gridApi.core.refreshRows();
        $scope.gridApi.core.notifyDataChange('all');

我添加了一个插件:http://plnkr.co/edit/3bIrtJuwHNrTeltIPAXw?p=preview

Answer 1

您的单元格模板不正确:

cellTemplate: '<input ng-disabled="grid.appScope.columnOptions.column1=== \'DISABLED\'" ' +
            'ng-required="grid.appScope.columnOptions.column1=== \'MANDATORY\' " ' +
            'data-ng-model="row.entity.column1" style="width:95%">'

您不要在 ng- 相关语法中使用 {{}}，因为它已经将其解析为 Angular :

Fixed Plnkr here