AngularJs 从动态 templateurl 获取模板名称

Question

我有以下路线定义：

.......... 
when('/:templateFile', 
{
  templateUrl: function (param) { return 'views/' + param.templateFile + '.html' }
})
..........

下一段代码监听路由的变化。如果用户未通过身份验证并且他想要导航到的下一页/模板不是登录页面，则用户将被重定向到登录页面。

例如，除了 next.templateUrl 值实际上是 function (param) { return 'views/' + param.templateFile + '.html' 而不是 views/login.html 之外，一切正常。

alert(next.templateUrl) 将显示function (param) { return 'views/' + param.templateFile + '.html'。

app.run(function ($rootScope, $location) {
    $rootScope.$on("$routeChangeStart", function (event, next, current) {            
        if (!$rootScope.IsAuth) {

            alert(next.templateUrl);  // problem

            if (next.templateUrl === "views/login.html") {
            } else {
                $location.path("/login");
            }
        }
    });
});

任何想法在使用动态模板时如何获取下一个 templateurl？

Answer 1

既然templateUrl 确实是一个函数，您可以尝试将其用作函数。如果您使用路由参数调用它，它应该返回一个模板 URL：

app.run(function ($rootScope, $location) {
    $rootScope.$on("$routeChangeStart", function (event, next, current) {            
        if (!$rootScope.IsAuth) {

            var templateUrl = next.templateUrl(next.params);

            if (templateUrl === "views/login.html") {
                // ...
            } 
            else {
                    $location.path("/login");
            }
        }
    });
});