ruby-on-rails - rails 4 + AngularJS : templateUrl for directive not found?

Question

我正在尝试在 AngularJS 中创建一个指令以将我的 HTML 拆分为可重用的部分:

app/assets/javascripts/products/directives/products.js:

app.directive('productsfilter', function() {
  return {
    restrict: 'E',
    templateUrl: "/templates/filter-template.html"
  }
});

但是，找不到模板:

错误:[$compile:tpload] 加载模板失败:/templates/filter-template.html http://errors.angularjs.org/1.2.20/$compile/tpload?p0=%2Ftemplates %2Ffilter-template.html

我还尝试了 ../templates/filter-template.html 和 templates/filter-template.html 但都没有用。是因为 Rails 的 asset pipeline 吗？

这是我在 app/assets/javascripts 中的文件夹树:

└── products
    ├── controllers
    │   ├── mens_controller.js
    │   ├── productscontroller.js
    │   ├── womens_eyeglasses_controller.js
    │   └── womens_sunglasses_controller.js
    ├── directives
    │   └── products.js
    ├── filters
    │   └── productsfilters.js
    ├── services
    │   └── productsservices.js
    └── templates
        └── filter-template.html

Answer 1

我遇到了同样的问题。我的模板路径是:

assets/templates/partials/question/multipleChoice.html

当我将模板移动到:

assets/templates/multipleChoice.html

嵌入式:

<%= asset_path('multipleChoice.html') %>

工作了。也许，这是

asset_path()

的限制深入挖掘的方法。

为了使方法能够找到模板，我将其指出，如下所示:

templateUrl: "<%= asset_path('partials/question/multipleChoiceSingleAnswer.html') %>"

它奏效了。 (当然，你得把扩展名改成.js.erb)。

我不想将我的模板放在公用文件夹中。我希望 Rails 为我处理它并使其动态化。