角度Ui-Grid条件CellTemplate

时间:2016-05-19 18:28:11

标签: javascript angularjs angular-ui-grid

只要字段值不是空字符串,我需要在我的ui-grid中显示一个按钮。我尝试使用ng-if,但它无效。以下是我的网格选项中的代码:

  { field: 'ReleaseStatus', 
    width: 125, 
    displayName: 'Release Status', 
    cellTemplate: 
    '<div ng-if="row.entity.ReleaseStatus != """>
        <button id="editBtn" 
            type="button" 
            class="btn btn-default"  
            data-toggle="modal" 
            data-target="#myModal" 
            ng-click="grid.appScope.launch(row)">
            {{COL_FIELD}}
        </button>
    </div>'
   },

如果没有ng-if按钮显示并且效果很好。但是,由于某些记录的字段ReleaseStatus为空字符串,因此不应显示该按钮。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:5)

你应该这样写:

'<div ng-if="row.entity.ReleaseStatus !== \'\'">'

你也可以将ng-if直接放在你试图隐藏的按钮上。

但要注意使用ng-if,因为它每次都会创建一个新的范围。