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
.
中转换
- 如何创建一些模板
.html
然后使用 ng-include
请输入正确的参考资料?
根目录与index.html
文件相同(路径:ui/app
)。
如果文件 view1.html
在路径 ui/app
中,ng-include 将是这样的:
<div ng-include="'./view1.html'"></div>
因为ui/app
是根路径。
情况
我用 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
.
- 如何创建一些模板
.html
然后使用 ng-include 请输入正确的参考资料?
根目录与index.html
文件相同(路径:ui/app
)。
如果文件 view1.html
在路径 ui/app
中,ng-include 将是这样的:
<div ng-include="'./view1.html'"></div>
因为ui/app
是根路径。