javascript - 将附加数据放入 $routeProvider templateUrl 请求

Question

我想在获取模板的请求中添加一些标头，以便我可以拒绝非 angularjs 请求并以错误响应。

然而，它似乎只能使用$http，并且重新实现类似于所templateUrl提供的机制似乎是一种可怕的浪费。

这是我的示例路由器：

siteApp.config([ '$routeProvider', '$locationProvider',
        function($routeProvider, $locationProvider) {
            $routeProvider.when('/user', {
                controller : 'UserController',
            }).when('/link', {
                templateUrl : '/user/index.json'
            });
            $locationProvider.html5Mode(true);
        } ]);

编辑：如果有帮助，我正在尝试让我的 ZendFramework2 API 来检测它，但它无法识别XmlHttpRequest

Answer 1

我建议您在runangular 阶段加载这些模板。这将被放入$templateCache提供程序中，当您第二次请求相同的模板时，它将直接从$templateCache自身获取。

代码

//get the templates with headers in application run phase.
app.run(['$templateCache', '$q', '$http', function($templateCache, $q, $http) {
    var promises = [];
    $http.get('partials/views/template1.html', {
        headers: {
            'Content-Type': undefined //here you can add multiple header and get the template
        },
        cache: $templateCache
    });
    $http.get('partials/views/template2.html', {
        headers: {
            'Content-Type': undefined //here you can add multiple header and get the template
        },
        cache: $templateCache
    });
}]);

希望这可以帮助你。谢谢。