如何在 ng-include angularjs 中重新加载模板

Question

我想使用 ng-include 重新加载页面中包含的模板

<div ng-include="exercise_tpl.url"></div>

我可以通过加载空白模板并像这样再次加载以前的模板来做到这一点

$scope.exercise_tpl.url = 'partials/blank.html';
        $('body').trigger('click');
        setTimeout(function() {
            $scope.exercise_tpl.url = 'partials/memory.html';
            $('body').trigger('click');
        }, 300);

我想知道在 Angularjs 中重新加载模板的正确方法。请帮忙。

Answer 1

模板被缓存，如果用户没有进入页面的权限，那么这个检查应该在它到达控制器之前或之后在控制器内完成，而不是在模板检索时完成

如果这是您想要遵循的方式，那么您需要在调用 reload 之前从 $templateCache 中删除模板，例如：

var currentPageTemplate = $route.current.templateUrl;
$templateCache.remove(currentPageTemplate);
$route.reload();