更改ngModel反映在其他浏览器angular2的相同ngModel上

Question

我是角度2的新手，并在其上创建了一个项目。我正在使用npm来运行angular 2应用程序。目前，我正在使用3000端口在localhost上托管应用程序。

我的项目中的问题是当我在两个不同的浏览器上同时访问同一页面时说crome和firefox。当我在一个浏览器上输入输入时，另一个浏览器也在该输入上反映相同的文本。甚至输入类型的密码也反映相同。

我检查了控制台，它没有显示任何内容并在网上搜索但没有发现任何接近此问题的东西。请帮助我知道：

  

为什么不同的浏览器在同一个ngModel上反映相同的文本以及如何修复它？

下面我粘贴了gif图像，以显示出现问题。

Answer 1

我假设你使用Browsersync。 lite-server也在内部使用此扩展。 它是Browsersync的一项功能。

为避免此行为，您可以打开http://localhost:3001并关闭输入的同步选项：