HTML 更新未反映在 AngularJS 中

Question

我正在开发一个 AngularJS 项目。每次我更改代码（html/css）并刷新页面时，更改都不会反映。我已经有 cache: false 路由。顺便说一句，我正在使用 ui-router 和 oclazyload 的动态路由。要进行更改，我必须在 chrome (F12) 中调用开发人员工具，并使用禁用缓存选项，然后进行刷新。有什么我缺少的，比如 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',
                    ]
                });
            }
        }
    });

Answer 1

您无法获取最新更改，因为您的浏览器正在缓存旧更改。

你说

要获得更改，我必须在 chrome (F12) 中调用开发人员工具，并禁用缓存选项，然后进行刷新

禁用缓存选项将仅在开发工具打开时活动。关闭开发工具浏览器后，浏览器将再次开始缓存它们。

因此，您必须手动删除缓存 Ctrl+Shift+R 或右键单击刷新按钮并选择 Empty Cache and Hard Reload（开发工具应该是打开的）。

对于 chrome 上更简单的解决方案，您可以使用 Cache Killer 扩展名。启用后，每次刷新页面时都会删除所有缓存。