2016-10-03 13 views
0

AngularJSプロジェクトを開発中です。コード(html/css)を変更してページを更新するたびに、変更は反映されません。私はすでにキャッシュを持っています:ルートにはfalseです。ところで、私はui-routeroclazyloadを使って動的ルートを使用しています。変更を取得するには、キャッシュを無効にしてChromeで開発ツールを呼び出してからリフレッシュする必要がありました。 HTMLのバージョン管理のようなものがありますか?ここでAngularJSに反映されないHTMLアップデート

編集

は私のルートです:

$stateProvider 
    .state('layout', { 
     url: '/:area', 
     cache: false, 
     templateUrl: function ($stateParams) { 
      return 'app/areas/' + $stateParams.area + '/_layout/index.html' 
     }, 
     resolve: { 
      load: function ($ocLazyLoad, $stateParams) { 
       return $ocLazyLoad.load({ 
        name: 'layout', 
        files: ['app/areas/' + $stateParams.area + '/_layout/controller.js'] 
       }); 
      } 
     } 
    }) 
    .state('layout.inner', { 
     url: '/:action', 
     cache: false, 
     templateUrl: function ($stateParams) { 
      return 'app/areas/' + $stateParams.area + '/' + $stateParams.action + '/index.html' 
     }, 
     parent: 'layout', 
     resolve: { 
      load: function ($ocLazyLoad, $stateParams) { 
       return $ocLazyLoad.load({ 
        name: 'layout.inner', 
        files: ['app/areas/' + $stateParams.area + '/' + $stateParams.action + '/controller.js', 
        ] 
       }); 
      } 
     } 
    }); 
+0

別のブラウザでページを開くとどうなりますか?あなたは変化を見ますか? – Terminus

+0

前に既にページを開いていた場合、それはさわやかではありません。そうでなければ、期待どおりに動作しています。 –

答えて

0

お使いのブラウザが古いの変更をキャッシュしているので、あなたは、最新の変更を取得することができません。

あなたは、私が無効のキャッシュオプションを使用して、クロム(F12)で開発ツールを起動しなければならなかったし、その後

無効にキャッシュオプションますのみリフレッシュを行う、変更を取得するには

を言いました アクティブ devツールがオープンの場合。すぐにdevのツールのブラウザを閉じると、再びそれらをキャッシュし始めます。

だから、あなたのいずれかを手動で更新ボタンの上にキャッシュはCtrl + Shiftキー + Rまたは右クリックを削除し、キャッシュを空にするとハードリロードを(Devのツールはオープンでなければなりません)を選択する必要があります。

クロムの簡単な解決方法として、Cache Killer拡張子を使用できます。有効にすると、ページがリフレッシュされるたびにすべてのキャッシュが削除されます。

+0

ユーザーはどうなりますか?アプリケーションは今や何らかの機能拡張を得ています。ユーザーは気づかないかもしれませんし、サイトにアクセスするたびにすべてのユーザーがクリアするとは期待できません。 –

+0

これは、新しい 'cache'ヘッダーを設定して、'ブラウザ 'がページをキャッシュするかどうかを知ることができるようにするためです。 –

+0

これは役に立ちます.http://stackoverflow.com/questions/49547/making-sure- a-web-page-are-not-cached-across-all-browserのいずれかです。 –

関連する問題