ruby-on-rails - 使用 AngularJS 从 Rails Asset Pipeline 显示图像的最佳方法？

Question

我正在开发一个带有 Angular 驱动前端的 Rails 应用程序。我想将我的 Rails Assets 文件夹中的图像包含到一个 View 中，该 View 使用 ng-switch 仅在某些上下文中显示。指示。我尝试了几种解决方案，比如将所有其他(Rails 服务的)图像的文件路径输入到 src 中。的<img>标签。我还尝试在包含 Angular Controller 的 CoffeeScript 文件中添加一个 erb 后缀，然后执行以下操作:

$scope.logoSrc = '<%= asset_path("images/logo_grey.png") %>'

并使用 ng-src图像标签中的指令，但产生了 404。

如果有帮助，很高兴发布更多我的代码。提前感谢您的帮助!

Answer 1

尝试以下操作:

$scope.logoSrc = '<%= asset_path("logo_grey.png") %>'

根据 section 2.3.3 Rails 指南:

If you add an erb extension to a JavaScript asset, making it something such as application.js.erb, then you can use the asset_path helper in your JavaScript code:

$('#logo').attr({
  src: "<%= asset_path('logo.png') %>"
});