2017-07-24 4 views
0

ich kann nicht herausfinden, was ich hier falsch machen, aber wenn ich zwei Komponenten wie folgt erklären:angular 2 Daten zwischen doppelten Komponenten verschmutzt?

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

... den Wert eines wirkt sich auf den Wert des anderen zu ändern. Werfen Sie einen Blick auf dieses Beispiel: https://embed.plnkr.co/MRWe41Z5dYJ2QdhPxJwX/ - wenn Sie zum Beispiel "Y" auswählen, werden sie in beiden Fällen ausgewählt. Ich glaube, ich verstehe ein grundlegendes Konzept falsch, aber ich dränge meinen Kopf gegen die Wand.

Antwort

3

Ich denke, das ist mit der [attr.name]="group" verwandt. Wenn Sie es in [name]="group" ändern, scheint es zu funktionieren.

+1

Es wäre toll .. wenn Sie können erklären, warum das passiert ist? +1 –

+1

Ich weiß es wirklich nicht. :-(Das Input-Tag hat ein name-Attribut; der attr.name erschien mir einfach komisch. Vielleicht ein Copy-Paste-Fehler? Aber das erklärt das Verhalten nicht. Dazu bin ich auch ahnungslos, sorry. ¯ \ _ (ツ) _/¯ –

+1

es funktionierte nicht, es vollständig zu entfernen, aber es änderte es von 'attr.name' in nur' name'. Danke! – Drew

Verwandte Themen