Rails 4 AngularJS:未找到指令的templateUrl？

Question

我试图在AngularJS中创建一个指令，将HTML拆分为可重用的部分：

应用程序/资产/脚本/产品/指令/产品.js：

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

但是，找不到模板：

< code >错误:[$compile:tpload]无法加载模板:/templates/filter-template . html http://errors.angularjs.org/1.2.20/$compile/tpload?P0 =/templates/filter-template . html

我还尝试了< code >../templates/filter-template . html 和< code > templates/filter-template . html 但都不起作用。是因为Rails的资产管道吗？

这是我在应用程序/资产/java脚本中的文件夹树：

└── 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

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

如果你不用这块宝石，就用它。

gem 'angular-rails-templates'

为我工作。

Answer 2

我遇到过同样的问题。我的模板路径是：

assets/templates/partials/question/multipleChoice.html

当我将模板移动到：

assets/templates/multipleChoice.html

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

asset_path()

为了使方法能够找到模板，我指出了它，如下所示：

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

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