10

这是一个 Angular2 应用程序，组件在这里简化为：

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

我认为应用程序在具有双向绑定的一个页面中运行良好，但是如果我使用http://localhost:3000/打开另一个选项卡，然后在第一页的第一个输入框中粘贴或键入某些内容，那么第二个选项卡实际上为其第一个输入框更新，而第二个输入框和静态文本不会更新。

对于第一个选项卡，一切都按预期更新。

这是应该发生的还是可能出了什么问题？这是使用npm start运行带有 BrowserSync 的 lite-server 运行的。

4

2 回答 2

10

这是一个功能，lite-server而不是一个错误或其他东西，因为它可能看起来是一个。

要做到这一点，请lite-server 使用javascript 扩展Browsersync。

在lite-server的 npm 页面上是这样提到的

lite-server 是一个简单的 BrowserSync 自定义包装器，可以轻松地为 SPA 提供服务。

并像这样BrowserSync放在他们的网站上

省时的同步浏览器测试

这清除了所有的疑云

对于每个网页、设备和浏览器，测试时间呈指数增长。从实时重新加载到 URL 推送，form replication再到点击镜像，Browsersync 减少了重复的手动任务。

于 2016-04-21T11:38:21.363 回答
5

您可以通过访问http://localhost:3001来更改同步设置。这是更改浏览器同步设置的用户界面。加载http://localhost:3001后，您可以导航到“同步选项”并在此处更改“浏览器同步”的设置。

于 2016-09-13T08:13:54.257 回答