Angular 使用 Play (Scala):ng-include 引用

Angular with Play (Scala): ng-include references

情况

我用 Playframework (Scala) and AngularJS v1.3 启动了一个应用程序。

(正​​是模板Play Silhouette Angular Seed)

目标

使用 ng-include 指令.

加载差异模板

问题

我总是在 Angular 代码中添加引用,但它不起作用。

示例:

<div ng-include="'/tpl.html'"></div>
<script type="text/ng-template" id="/tpl.html">
   Content of the template.
</script>

结果:有效!!

现在,如果我将模板 tpl.html 放在同一目录的文件中:

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

结果:不行!!(而且在其他目录下,所有可能的路径我都试过了...)

同样的问题出现在指令中,如果我将模板放在目录中它工作正常,但如果我尝试放入另一个文件它不起作用。

问题

我在其他项目中用过Angular,从来没有发生过这样的事情。我认为发生这种情况是因为需要编译 Scala(Playframework 的语言)并且文件 .scala.html.html.

中转换

根目录与index.html文件相同(路径:ui/app)。

如果文件 view1.html 在路径 ui/app 中,ng-include 将是这样的:

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

因为ui/app根路径