angular - Angular 2 中的 $templateCache？

Question

在 Angular 1 中，我们使用 $templateCache 来避免在引导我们的应用程序时从服务器对每个模板进行 XHR。在 Angular 2 中，似乎没有现成的机制。

我能做的是在编译器中替换 XHR:

function myXhr() {};
myXhr.prototype.get = function(url) {
    return new Promise(function(resolve, reject) {
        $.ajax({
            url:url,
            method:'GET',
            success:resolve,
            error:reject
        });
    });
};

ng.platform.browser.bootstrap(MyApp, [
    ng.core.provide(ng.compiler.XHR, {useClass:myXhr})
]);

然后调整我的 XHR getter 以首先检查本地缓存。这是首选方法吗？

Answer 1

我已经习惯于在所有组件中使用 typescript 中的模板字符串。我发现将 html 和 View 逻辑都放在一个 TS 文件中非常方便。您还可以查看类似 JSPM 的模块加载器/ bundler 或 WebPack .这些出色的构建工具使用如下模块语法将您的所有模板引入您的构建中:

let html = require('./about.html!text');
    @Component({
        selector:"my-about",
        template:html
    })