javascript - 重复组件之间的 Angular 2数据被污染？

Question

我不知道我在这里做错了什么，但是当我像这样声明两个组件时:

<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>

...改变其中一个的值会影响另一个的值。看看这个plunker举个例子。 -- 例如，在其中一个中选择“Y”实际上会在两个中选择它们。我认为我误解了一些基本概念，但在这个问题上我正在用头撞墙。

Answer 1

我认为这与[attr.name]="group"有关。如果将其更改为 [name]="group" 它似乎可以工作。