angularjs - ui网格 Angular js中的条件单元格模板

Question

我需要将单元格中的文本显示为基于状态的链接或纯文本。如果状态为“已删除”，则名称应显示为纯文本或超链接。以下是我的网格选项。我总是将其作为超链接。请有人帮助我更正我的单元格模板，以便我得到正确的结果。

$scope.gridOptions = {
    data: 'ProjectDetails',
    columnDefs: [
    { field: 'Id', displayName: 'ID', visible: false },
    { displayName: 'Name', width: 200, cellTemplate: '<div> {{row.entity.ProjectStatus}} != Deleted </div>' ? '<div><a href="http://################ID={{row.entity.Id}}">{{row.entity.Name}}</a></div>' : '<div> {{row.entity.Status}}</div>' },
    { field: 'Expense', displayName: 'Operating Expense', width: 185, cellFilter: 'noFractionCurrency' },        
    { field: 'Status', displayName: 'Status', width: 150 }
    ]
};

Answer 1

ng-if 帮助了我。

cellTemplate: "<a target='_blank' ng-if=\"row.entity.Status != 'Deleted'\" 
href='#########?ID={{row.entity.Id}}'>{{row.entity.Name}}</a><div ng-
if=\"row.entity.Status == 'Deleted'\">{{row.entity.Name}}</div>"