Для Angular2, почему две страницы (две вкладки), имеющие один и тот же компонент, влияют друг на друга?

Это приложение Angular2, и этот компонент здесь упрощен как:

@Component({
    selector: 'courses',
    template: `
        <input [(ngModel)]="wahla">
        <input [(ngModel)]="wahla">
        {{ wahla }}
        `
})
export class CoursesComponent {
    wahla = "hmm hmm ha ha";
}

Я думаю, что приложение отлично работает на одной странице с двусторонней привязкой, но если я открою другую вкладку сHTTP: // локальный: 3000 / и затем вставьте что-нибудь или введите что-нибудь в первое поле ввода первой страницы, затем вторая вкладка фактически обновится для своего первого поля ввода, в то время как 2-е поле ввода и статический текст не обновляются.

Для первой вкладки все обновляется, как и ожидалось.

Это должно произойти или что может быть не так? Это работает с помощьюnpm start который работает на Lite-сервере с BrowserSync.

Ответы на вопрос(2)

Ваш ответ на вопрос