Angularjs + Rails：ng Include指令不起作用

Question

我正在开发rails + angularjs应用。

这是我的文件结构：

app/
assets/
    javascript/
    templates/
       home.html
       partial.html

在home.html.erb文件中，我想包含partial.html.erb文件。

home.html.erb

<ng-include src="'partial.html'"></ng-include>

我也试过

<ng-include src="'<%= asset_path('partial.html') %>'"></ng-include>

但仍然无效......感谢您的帮助

Answer 1

混合服务器模板和AngularJS模板不是一个好主意。将AngularJS模板放在公共目录中，然后从客户端将src属性放入此模板的路径。

public/templates/partial.tpl.html =＆gt; <ng-include src="'/templates/partial.tpl.html'></ng-include>"

从客户端获取模板的另一种方法是将模板编译为带有html2js的JS文件。

Answer 2

Setup gem "angular-rails-templates"

它会自动将您的模板编译成javascript，并使它们可用于角度。之后，您可以像往常一样使用ng-include。

<ng-include src="'templates/partial.tpl.html'"></ng-include>