输入字段中的Angular2-App用户输入更改会更改其他计算机上其他浏览器实例中的输入字段

Question

在浏览器的输入字段中编辑在localhost上运行的Angular2-App，在其他计算机（平板电脑/智能手机）上运行的所有其他浏览器中更改输入字段的值

每个设备是否都有自己的Angular-Application实例，在浏览器中，不要互相干扰？

工作流

1. 我用'npm start'启动Angular2App，让我们说localhost（ip：192.168.111.1：3000）
2. 我使用http://localhost:3000
的浏览器从同一台计算机连接
3. 我使用http：/192.168.111.1：3000
从其他设备（例如平板电脑，智能手机）连接到Angular2App
4. 输入字段在所有设备上的所有浏览器中都正确显示
5. 然而 在localhost上运行的浏览器的输入字段中进行编辑 更改 输入字段的值在平板电脑/智能手机上运行的所有其他浏览器

代码段：

login.component.ts

import {Component} from '@angular/core';

@Component({
  templateUrl: 'app/components/login/login.component.html',
  selector: 'login-comp'
    ,providers: []
    ,directives: []
})

export class LoginComponent {
  private userName: String;
  private userPw: String;
...

login.component.html

<div>
    <p>User: <input pInputText id="userName" (ngModel)="userName" /></p>
    <p>Password: <input pInputText id="userPw" (ngModel)="userPw" type="password"/></p>
    <p><button (click)="login()">login</button></p>
</div>

Answer 1

这是因为你有＆＃34;浏览器同步＆＃34;安装。 要禁用此功能，您必须将Node_modules\browser-sync\lib\default-config.js设置为false。

ghostMode: {
    clicks: false,
    scroll: false,
    location: false,
    forms: {
        submit: false,
        inputs: false,
        toggles: false
    }
}