javascript - 使用 Angular 指令向 DOM 添加可切换按钮

Question

请参阅以下 Plunker:

https://plnkr.co/edit/gLFw26zoJeaM5qtPjCFg?p=preview

我有一个元素<sc-chart type="approved"></sc-chart> Hook scChart 指令以将图表添加到页面(我省略了这部分代码，因为这与此问题无关)。添加图表后，我想在图表旁边创建一组按钮，并填充名称数组(该数组不是静态的，它将是服务调用的结果，因此我无法对按钮进行硬编码)。

我可以添加按钮并使其可点击。我什至可以在选择它们时突出显示它们。然而，当我点击远离按钮时，我很难弄清楚如何/何时删除“事件”CSS 类。我可能缺少一些非常简单的东西。

Answer 1

只需添加removeClass()函数:

btn.on('click', {name: i}, function(event) {
  $('.pill-btn').removeClass('active');
  $(this).addClass('active');
  alert(event.data.name);
});

骗子:https://plnkr.co/edit/6Nj4beNuJf1plZmPAs0z?p=preview