Как динамически обновить пользовательскую часть ng2-smart-table? - PullRequest
Новая
       30

Как динамически обновить пользовательскую часть ng2-smart-table?

0 голосов
/ 03 ноября 2018

В моем приложении angular 6 я использовал ng2-smart-table . Теперь мне нужно показать и скрыть функции пользовательских действий на основе их прав доступа.

Я могу управлять добавить , edir и удалить часть. С этим я также добавил несколько пользовательских значков для дополнительных функций. 

custom: [            
  { name: 'up', title: '<img src="/pathOfIcon" class="tableIcon up-arrow-true-icon">' },
  { name: 'up-cancel', title: '<img src="/pathOfIcon" class="tableIcon up-arrow-cancel-icon">' },
  { name: 'down', title: '<img src="/pathOfIcon" class="tableIcon down-arrow-true-icon">' },
  { name: 'down-cancel', title: '<img src="/pathOfIcon" class="tableIcon down-arrow-cancel-icon">' },
]

Теперь мне нужно управлять этой вещью на основе доступа.

Так, как я мог включить и отключить эти значки.

Примечание: Я могу применить CSS к каждой строке, а затем скрыть значок, но мне нужно сделать один раз, а не в каждой строке.

1 Ответ

0 голосов
/ 08 ноября 2018

Вы можете добавлять значки, добавляя значки в пользовательский массив ...

Попробуйте вот так 

if(access){     // Set you access condition
     this.settings.custom.push('{ name: 'up', title: '<img src="/pathOfIcon" class="tableIcon up-arrow-true-icon">' }');
     this.settings.custom.push('{ name: 'up-cancel', title: '<img src="/pathOfIcon" class="tableIcon up-arrow-cancel-icon">' },');
}else{
    this.settings.custom.push(' { name: 'down', title: '<img src="/pathOfIcon" class="tableIcon down-arrow-true-icon">' }');
    this.settings.custom.push('{ name: 'down-cancel', title: '<img src="/pathOfIcon" class="tableIcon down-arrow-cancel-icon">' }');
}

Это простой способ добавления значков ... Поскольку custom является массивом, вы можете помещать в него значки ...

Надеюсь, это поможет вам ... :)

...