Javascript 重复组件之间的角度2数据污染？

我不知道我做错了什么，但当我声明两个组件时，如下所示：

<todo-component [options]="selectOptions" [choice]="slideToggleSelection" (choiceChange)="handle($event)" group="weird">
</todo-component>

<todo-component [options]="selectOptions2" [choice]="slideToggleSelection2" (choiceChange)="handle($event)" group="test">
</todo-component>

---

。。。更改一个的值会影响另一个的值。看看这个例子例如，在一个选项中选择“Y”实际上会在两个选项中都选择它们。我想我误解了一些基本概念，但在这一点上我的头撞到了墙上。

我认为这与

[attr.name]=“group”

有关。如果您将其更改为

[name]=“group”

，它似乎可以工作。

我认为这与

[attr.name]=“group”

有关。如果您将其更改为

[name]=“group”

，它似乎可以工作。

那就太好了。。如果你能解释一下为什么会这样+1我真的不知道-（输入标记确实有名称属性；attr.name对我来说似乎很奇怪。可能是复制粘贴错误？但这并不能解释该行为。对此，我也不清楚，对不起。'）_(ツ)_/''完全删除它不起作用，但它确实将它从

attr.name

更改为

name

。谢谢！我想问题是，同名的单选输入属于一个单选组。因此name属性没有值，它们都属于同一组。而且，由于带有y的单选按钮也共享该值，因此它们都属于同一组我们共享相同的已检查状态？！太好了。如果你能解释为什么会发生这种情况？+1我真的不知道。：-（输入标记确实有名称属性；attr.name对我来说很奇怪。可能是复制粘贴错误？但这不能解释行为。对此，我也不清楚，对不起。”_(ツ)_/''完全删除它不起作用，但它确实将它从

attr.name

更改为

name

。谢谢！我想问题是，同名的单选输入属于一个单选组。因此name属性没有值，它们都属于同一组。而且，由于带有y的单选按钮也共享该值，因此它们都属于同一组共享相同的检查状态？！