使用指令隐藏/取消隐藏ngx-datatable的复选框

Question

我将 ngx-datatable 用于列表，但是我不知道如何在ngx-datatable中隐藏复选框（子< / strong>组件），例如说出权限指令。这是我目前Link to not working as needed example拥有的示例。我要实现的是，如果该用户没有此特定权限，则“ 您可以看到我”为他隐藏/不显示复选框。例如，它适用于 app.component.html 中的按钮，但是当我尝试在。 /features/features.component.html 中使用相同的指令时它并没有隐藏负责此复选框的 ngx-datatable-column 。 ngx-datatable 甚至可能吗？

指令正在添加this.el.nativeElement.style.display ='none';简单显示元素的样式。

更新： 我发现我可以将其转换为

<ngx-datatable-column [width]="30" [sortable]="false" [canAutoResize]="false" [draggable]="false" [resizeable]="false" [headerCheckboxable]="true"
[checkboxable]="true">

成为：

<ng-template ngx-datatable-header-template let-value="value" let-allRowsSelected="allRowsSelected" let-selectFn="selectFn">
  <input type="checkbox" hasPermission="You can see me" [checked]="allRowsSelected" (change)="selectFn(!allRowsSelected)" />
</ng-template>
<ng-template ngx-datatable-cell-template let-value="value" let-isSelected="isSelected" let-onCheckboxChangeFn="onCheckboxChangeFn">
  <input type="checkbox" hasPermission="You can see me" [checked]="isSelected" (change)="onCheckboxChangeFn($event)" />
</ng-template>

然后使用has-permission指令很容易隐藏复选框，但是ATM我不确定如何隐藏整个ngx-datatable-column块。