1

IDE WebStorm と Safari ブラウザーを使用して AngularJS アプリケーションを開発しています。

これまでのところすべてが完全に機能していますが、最近、ディレクティブを介して使用するテンプレートに HTLM をカプセル化しました。

 .directive('referenceValue', [function ($scope) {
    return {
        restrict: 'E',
        templateUrl: "views/citizenprofile/reference/reference.html",
        controller: "referenceValueCtrl"
    }
}])

私はディレクティブを通常の方法で「呼び出し」ます。<reference-value></reference-value>

reference.html を編集すると、ブラウザは最初の編集での変更のみを検出します。. もう一度 reference.html を編集してブラウザを更新すると、変更が検出されません。ブラウザを再起動すると、変更が再び検出されます。したがって、基本的に、HTML コードをデバッグするたびにブラウザを再起動する必要があります。コントローラーの変更は、編集のたびに検出されます。

このエラーを修正する方法を教えてもらえますか?

4

2 に答える 2

2

テンプレートはキャッシュされています。いくつかの回避策があります。Chrome の開発ツールを使用して、開発ツールが開いているときにキャッシュを無効にするか$templateCache.remove()、アプリケーションで を使用します。

app.run(function($rootScope, $templateCache) {
   $rootScope.$on('$viewContentLoaded', function() {
      $templateCache.removeAll();
   });
});

テンプレート キャッシュの削除の詳細については、こちらをご覧ください。

于 2015-10-09T14:30:18.713 に答える
1

Google Chrome を使用している場合は、CTRL+SHIF+J を押し、ネットワーク タブで [キャッシュを無効にする] をオンにします。

それが役に立てば幸い

于 2015-10-09T14:28:34.923 に答える