在设备上调试Cordova应用程序时无法加载资源错误

Question

资源是一个html视图，应该使用Angular的ngInclude注入index.html。

这适用于Ripple，但在尝试在Android设备（或设备模拟器）上进行调试时无效。

我正在使用VS2013 Cordova项目。

Visual Studio JavaScript控制台中报告的确切错误是：

  

无法加载资源
  文件：test.html，行：0，列：0

我的ngInclude div看起来像：

<div ng-include="'/views/test.html'"></div> 

我的test.html很简单：

<div>
  <h3>My template content!</h3>
</div>

同样，这在Ripple中有效，而不在设备上。 我不知道在哪里可以查找有关为什么会失败的任何其他详细信息。

Answer 1

包含资源的方式适用于从根上下文/加载应用程序的浏览器环境。

在Android和iOS中，WebView的资源具有“更长”的URL。

更改

<div ng-include="'/views/test.html'"></div> 

到

<div ng-include="'views/test.html'"></div>

应该解决问题。