在Angular routeProvider中使用$ sce.trustAsResourceUrl？

Question

对于我的路由，我使用的是来自外部源的静态模板。但是，我一直从Angular得到insecureUrl错误。一个解决方案显然是将它与$sce.trustAsResourceUrl缠绕在一起。现在，我试图通过以下方式实现：

myapp.config(['$routeProvider', function($routeProvider, $sce) {
    $routeProvider
        .when('/', {
            controller : 'ProductListController',
            templateUrl : $sce.trustAsResourceUrl([my_external_template]),
            reloadOnSearch: false
        })
        .otherwise({ redirectTo : '/' });
}]);

但是，我得到了喷油器错误。有帮助吗？

Answer 1

myapp.config(['$routeProvider', '$sce', function($routeProvider, $sce) {
    $routeProvider
        .when('/', {
            controller : 'ProductListController',
            templateUrl : $sce.trustAsResourceUrl([my_external_template]),
            reloadOnSearch: false
        })
        .otherwise({ redirectTo : '/' });
}]);

由于您手动执行minsafe语法，因此需要将$ sce添加到注入数组的字符串部分（理想情况下，不要使用minsafe语法使用插件在构建过程中的uglification之前添加它）