10

これは Angular2 アプリであり、コンポーネントは次のように簡略化されています。

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

アプリは 1 つのページで双方向バインディングで正常に動作すると思いますが、http://localhost:3000/で別のタブを開き、最初のページの最初の入力ボックスに何かを貼り付けるか入力すると、2 番目のページにタブは実際には最初の入力ボックスで更新されますが、2 番目の入力ボックスと静的テキストは更新されません。

最初のタブでは、すべてが期待どおりに更新されます。

これは起こるはずですか、それとも何が間違っているのでしょうか? これはnpm start、BrowserSync でライト サーバーを実行しているを使用して実行されています。

4

2 に答える 2

10

これは の機能でlite-serverあり、バグやバグのように見えるものではありません。

これを実現するにlite-server は、javascript エクステンションBrowsersyncを使用します。

lite-serverのnpmページでは、このように言及されています

lite-server は、BrowserSync のシンプルなカスタマイズされたラッパーで、SPA の提供を容易にします。

このようにウェブサイトBrowserSyncに掲載します

時間を節約する同期ブラウザーのテスト

これで疑いの雲はすべて晴れる

Web ページ、デバイス、ブラウザごとに、テスト時間は指数関数的に増加します。ライブ リロードから URL プッシュ、form replicationクリック ミラーリングまで、Browsersync は反復的な手動タスクを削減します。

于 2016-04-21T11:38:21.363 に答える
5

http://localhost:3001にアクセスして、同期設定を変更できます。これは、ブラウザ同期設定を変更するためのユーザー インターフェイスです。http://localhost:3001をロードしたら、[同期オプション] に移動し、ここで [ブラウザ同期] の設定を変更できます。

于 2016-09-13T08:13:54.257 に答える