Angular UI 网格上的条件单元格模板
Conditional Cell template on Angular UI Grid
我正在使用Angular UI Grid。你能告诉我如何根据条件select一个单元格模板吗?我试过如下所示。显然它不起作用,因此第一个已被第二个覆盖 always.Can 你告诉我该怎么做?
statusCellTemplate = '<div class="ui-grid-cell-contents" ng-
if="row.entity.statusDetails.length>=2"><label>[Multiple Statuses]</label></div>';
statusCellTemplate = '<div class="ui-grid-cell-contents" ng-
if="row.entity.statusDetails.length=1"><label>
{{row.entity.statusDetails[0].status.name}}</label></div>';
更新: 我已经试过了 below.But 它总是显示最后一个 one.Do 你知道为什么吗?
statusCellTemplate =
'<div class="ui-grid-cell-contents"><span ng-
if="row.entity.statusDetails.length>=2">[Multiple Statuses]
</span><span ng-if="row.entity.statusDetails.length=1">
{{row.entity.statusDetails[0].status.name}}</span></div>';
并尝试 ng-show
also.same result.No 运气:(
我的Bad.Condition错了:(
这是工作示例:D
var statusCellTemplate =
'<div class="ui-grid-cell-contents"><span ng-
if="row.entity.statusDetails.length>=2">[Multiple Statuses]</span><span ng-
if="row.entity.statusDetails.length<2">{{row.entity.statusDetails[0].status.name}}
</span></div>';
我正在使用Angular UI Grid。你能告诉我如何根据条件select一个单元格模板吗?我试过如下所示。显然它不起作用,因此第一个已被第二个覆盖 always.Can 你告诉我该怎么做?
statusCellTemplate = '<div class="ui-grid-cell-contents" ng-
if="row.entity.statusDetails.length>=2"><label>[Multiple Statuses]</label></div>';
statusCellTemplate = '<div class="ui-grid-cell-contents" ng-
if="row.entity.statusDetails.length=1"><label>
{{row.entity.statusDetails[0].status.name}}</label></div>';
更新: 我已经试过了 below.But 它总是显示最后一个 one.Do 你知道为什么吗?
statusCellTemplate =
'<div class="ui-grid-cell-contents"><span ng-
if="row.entity.statusDetails.length>=2">[Multiple Statuses]
</span><span ng-if="row.entity.statusDetails.length=1">
{{row.entity.statusDetails[0].status.name}}</span></div>';
并尝试 ng-show
also.same result.No 运气:(
我的Bad.Condition错了:(
这是工作示例:D
var statusCellTemplate =
'<div class="ui-grid-cell-contents"><span ng-
if="row.entity.statusDetails.length>=2">[Multiple Statuses]</span><span ng-
if="row.entity.statusDetails.length<2">{{row.entity.statusDetails[0].status.name}}
</span></div>';