如何在角度 4/6 中创建由 for 循环生成的切换按钮答案

【问题标题】：How to create toggle buttons generated by for loops in angular 4/6如何在角度 4/6 中创建由 for 循环生成的切换按钮
【发布时间】：2019-03-15 13:01:57
【问题描述】：

我创建了这个演示，其中包含三个按钮。这些是通过在后端响应上运行的 for 循环生成的。

所有按钮都是可点击的，并且可以通过点击事件激活和停用，但是我应该使用什么逻辑来一次只激活一个按钮。（它应该像切换按钮一样工作，但这些不是切换按钮）

所以选择任何一个按钮都会使其他 2 个按钮失效。

请看下面的演示代码，

【问题讨论】：

【解决方案1】：

我修改了代码，变成这样

  someMethod(something) {
    this.groupOfButton.forEach(btn => {
       btn['active'] = (btn.number === something.number);
    });
  }

【讨论】：

非常感谢@VivekKumar 的逻辑，它工作得非常顺利，我无法弄清楚方程式部分，但感谢你现在我知道了。我唯一的另一个问题是，我可以切换吗？就像再次单击同一个按钮一样，它应该被停用。我试图用你的逻辑来做，但它没有切换按钮
@jay，我更新了切换的答案（当它被接受时你会看到它）。您只需要在 forEach 中添加一个 if 语句 if (btn.number === something.number) { btn['active'] = !btn['active']; }
@yay，是的，你可以！只是玩逻辑。这个想法是保持数据完整。根据需要随时修改。