使用Angular指令将可切换按钮添加到DOM

debugcn 发表于 Dev

保罗·埃尔多斯

请参阅以下柱塞：

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

我有一个<sc-chart type="approved"></sc-chart>挂钩到scChart指令中的元素，可以将图表添加到页面中（由于与该问题无关，所以我省略了代码的这一部分）。添加图表之后，我接下来要在填充有名称数组的图表旁边创建一组按钮（该数组不是静态的，这是服务调用的结果，因此我无法对按钮进行硬编码）。

我可以添加按钮并使它们可单击。选择它们后，我什至可以突出显示它们。但是，当我单击按钮之外时，我很难弄清楚如何/何时删除“活动” CSS类。这可能是我所缺少的非常简单的东西。

安德烈（Andriy）

只需添加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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-07-3

我来说两句

0条评论

登录后参与评论

来自分类Dev

将“ON”/“OFF”文本添加到切换按钮

来自分类Dev

切换按钮的指令

来自分类Dev

将JMenuItem添加到JMenuBar以在菜单中创建一个切换按钮

来自分类Dev

JPanel 在切换按钮上添加到其他 Jpanel 单击

来自分类Dev

将 cookie 添加到 jquery 切换视频背景切换器

来自分类Dev

使用离子/角度指令切换播放/暂停按钮

来自分类Dev

使用appendTo（）并切换以将变量中的内容添加到div

来自分类Dev

将DOM事件添加到Angular指令

来自分类Dev

使用角度指令切换单项

来自分类Dev

如何在“单个产品”页面上的“添加到购物车按钮”旁边添加“货币切换器”下拉菜单？

来自分类Dev

使用可变sie将可切换div居中

来自分类Dev

Angular 1 - 切换单选按钮

来自分类Dev

将hreflang添加到magento语言切换器

来自分类Dev

如何将数据集切换添加到Chart.js？

来自分类Dev

如何将切换抽屉添加到导航中？

来自分类Dev

CSS切换开关可将类添加到具有本地存储的DIV中

来自分类Dev

Javascript添加到通过代码切换的图像的链接

来自分类Dev

如何将数据集切换添加到Chart.js？

来自分类Dev

将数据切换添加到 image_tag

来自分类Dev

如何将可绘制的xml文件添加到使用For循环创建的单选按钮中

来自分类Dev

将可绘制图像添加到按钮

来自分类Dev

使用jQuery切换单选按钮

来自分类Dev

使用按钮在片段之间切换

来自分类Dev

使用切换按钮控制声音

来自分类Dev

使用切换按钮移除容器

来自分类Dev

如何使用JS切换按钮

来自分类Dev

使用按钮切换VideoView的音频

来自分类Dev

使用按钮切换URL参数

来自分类Dev

如何使用切换按钮

Related 相关文章

文章