javascript - 如何在 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

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

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

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