Question

我正在构建一个使用AngularJS的iOS Phonegap应用。

我在ng-includes内部有一些ng-switch，可根据项目的类别更改某些列表项的样式。

        <div 
            ng-repeat="i indata"
            ng-include="src='partials/card.html'""
        >
        </div>

在 partials / card.html 文件中，是开关：

<div 
ng-switch on="i.group"
>
<div ng-switch-when="Music">
    <div ng-include="src='partials/card_details/'+i.category+'.html'"
    ></div>
</div>  
<div ng-switch-when="Film"
    ng-include="src='partials/card_details/buy.html'"></div>        
<!-- default, load group -->
<div ng-switch-default ng-include="src='partials/card_details/'+i.group+'.html'"
></div>

这一切在我的桌面浏览器Chrome浏览器中完美运行，但是当我运行我的Phonegap应用程序时，使用与Chrome中运行的页面相同的sym链接的www文件夹，所有内容都加载除了里面的部分内容switch语句。

我在Xcode控制台中没有收到任何错误，我尝试在 src 的开头添加“/”，因为我在Phonegap的根目录中遇到了路径问题，但我没有得到的是为什么 partials / card.html 加载而不里面的那些* partials / card_details *

有什么想法吗？

Answer 1

这是因为下面一行中的ng-include在其末尾有双引号：

   <div 
        ng-repeat="i indata"
        ng-include="src='partials/card.html'""
    >
    </div>

Answer 2

尝试从文件名中删除_（下划线）。我记得看到过这个暗示。

<div ng-include="src='partials/cardDetails/'+i.category+'.html'"></div>

而不是

<div ng-include="src='partials/card_details/'+i.category+'.html'"></div>

编辑：

我还发现ng-include在文件名方面是区分大小写的。

AngularJS ng-include模板未在Phonegap应用程序中加载

2 个答案: