Question

在我的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，然后隐藏图标，但是我不需要在每行上执行一次。

Answer 1

您可以添加图标，同时在自定义数组中添加图标...

尝试这种方式

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是数组，所以您可以在其中推送图标...

希望这可以帮助您... :)

如何动态更新ng2-smart-table的自定义部分？

1 个答案: