javascript - Angular + RequireJs : Resolve templateUrls of directives

Question

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

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

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

那么:是否有可能跳转到 Angular 中指令的模板加载过程并运行上面的代码？

感谢您的任何提示。

Answer 1

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

.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);
        };
    });
})