Dies ist eine Angular2 App und die Komponente vereinfacht wird hier als:Für Angular2, warum beeinflussen sich zwei Seiten (zwei Registerkarten) mit derselben Komponente gegenseitig?
@Component({
selector: 'courses',
template: `
<input [(ngModel)]="wahla">
<input [(ngModel)]="wahla">
{{ wahla }}
`
})
export class CoursesComponent {
wahla = "hmm hmm ha ha";
}
ich denke, die App auf einer Seite mit dem Zwei-Wege-Bindung, funktioniert gut, aber wenn ich öffnen Sie ein anderes Register mit http://localhost:3000/ und dann Fügen Sie etwas ein oder geben Sie etwas in das erste Eingabefeld der ersten Seite ein, dann wird das zweite Register für das erste Eingabefeld aktualisiert, während das zweite Eingabefeld und der statische Text nicht aktualisiert werden.
Für die erste Registerkarte wird alles wie erwartet aktualisiert.
Soll das passieren oder was könnte falsch sein? Dies wird unter Verwendung von npm start
ausgeführt, auf dem ein Lite-Server mit BrowserSync ausgeführt wird.
Dies geschieht sogar im Falle eines anderen Browsers auf einem anderen PC in einem Netzwerk. jede Vermeidung dieser seltsamen Eigenschaft? – HydTechie
@HydTechie siehe Garys Antwort: http://StackOverflow.com/a/39465216/3010553 –