Скрыть / снять флажки для ngx-datatable с помощью директивы - PullRequest
Новая
       29

Скрыть / снять флажки для ngx-datatable с помощью директивы

0 голосов
/ 04 сентября 2018

Я использую ngx-datatable для списка, но я не могу понять, как скрыть флажки в ngx-datatable ( child компонент) на основе, скажем, директивы разрешения . Вот пример того, что у меня на данный момент Ссылка на не работающий по мере необходимости пример . Чего я хочу добиться, так это того, что если у этого пользователя нет этого специального разрешения " Вы видите меня ", то скрывайте / не отображайте флажки для него. Например, она работает для кнопки в 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-Разрешения, но ATM Я не уверен, как скрыть весь блок ngx-datatable-column.

...