在ui-grid
下面的cellTemplate中显示数据时如何添加条件:
$scope.status = ['Active', 'Non Active', 'Deleted'];
$scope.gridOptions = {
columnDefs: [{
field: 'code'
}, {
field: 'name'
}, {
field: 'status',
cellTemplate: '<div>{{status[row.entity.status]}}</div>'
}]
};
预期结果应该是行状态显示Active/NonActive/Deleted
。
这是the子
提前致谢。
您必须使用externalScopes
。
在您的标记中,定义网格保持器,如下所示。
<div ui-grid="gridOptions" external-scopes="states" class="grid"></div>
并在您的控制器中使用以下代码:
var statusTxt = ['Active', 'Non Active', 'Deleted'];
$scope.states = {
showMe: function(val) {
return statusTxt[val];
}
};
var statusTemplate = '<div>{{getExternalScopes().showMe(row.entity.status)}}</div>';
$scope.gridOptions = {
columnDefs: [{
field: 'code'
}, {
field: 'name'
}, {
field: 'status',
cellTemplate: statusTemplate
}]
};
或使用角度滤镜。
请注意,这仅呈现文本。最好的方法是myData
在ui-grid中使用它之前先转换为具有真实文本状态。以防万一您以后想要进行一些基于文本的过滤。
这是一个柱塞
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句