Angular + RequireJs：解析指令的templateUrls

Question

我在我的水疗中心使用 angularjs 和 requirejs。对于导入的组织等，我使用 require。在 requirejs 中我可以使用例如baseUrl：每个导入路径都使用 baseUrl 进行解析。现在我想以同样的方式解析 templateUrls。因此我可以使用例如：

templateUrl = requirejs.toUrl("modules/test/chuck.directive.html")

我想以这种方式解决每个指令的每个 templateUrl 的问题。

所以：上面的代码angular和运行有没有可能跳转到指令的模板加载过程？

感谢任何提示。

Answer 1

如果您确定要拦截所有模板加载请求并修改模板 URL，我会装饰 $templateRequest 服务。像这样：

.config(function($provide) {
    $provide.decorator('$templateRequest', function($delegate) {
        return function(tpl, ignoreRequestError) {
            tpl = requirejs.toUrl(tpl); // modify original tpl
            return $delegate.call(this, tpl, ignoreRequestError);
        };
    });
})

Angular + RequireJs：解析指令的templateUrls

Angular + RequireJs: Resolve templateUrls of directives

javascript

requirejs

angularjs

angular-directive