在 Angular2 中使用 PhoneGap，加载模板时出现问题

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 中启动和运行...

在 Angular2 中使用 PhoneGap，加载模板时出现问题

Using PhoneGap with Angular2, problems loading templates

cordova

angular

traceur

systemjs