将 PhoneGap 与 Angular2 一起使用，加载模板时出现问题

Question

似乎 systemjs 似乎找不到模板文件（我的 .html 视图），因为它使用绝对路径来加载文件。它希望我的主要应用程序组件 app.html 位于file://，但事实是，PhoneGap 将应用程序的根放置在file://data/data/app-name/root/... 行的深处 systemjs 从 / 加载的原因可能是因为我在 index.html 中添加了 <base href="/">。这样做是为了让路由正常工作。

这里的最佳做法是什么？我所有的组件都使用 templateUrl，我正在认真考虑内联 html - 这真的很烦人......

我正在使用 traceur 作为编译器。

Answer 1

如果有人感兴趣，我分两步解决了这个问题：

首先，在我的 index.html 中，我导入我的应用程序，在此之前，我初始化了一个全局变量，我稍后将其用作 baseUrl：

if (window.cordova !== undefined) {
    baseLoadpath = 'data/data/dk.app_name/files/download/app_dir/';
} else {
    baseLoadpath = '/'
}

每当我加载模板时，我都会像这样添加这个 baseLoadPath：

@View({
    templateUrl : baseLoadpath + 'app.html' 
})

这会处理文件路径。由于其他错误，我仍然无法在 PhoneGap 中启动并运行它...