Rails + Angular 动态图像答案

【问题标题】：Rails + Angular dynamic imagesRails + Angular 动态图像
【发布时间】：2016-03-27 21:15:56
【问题描述】：

每个人都说，.erb 用于 JavaScript 是一种不好的做法。那么我该如何解决这个非常常见的问题：

<img ng-src='images/{{ some_ng_model.img_name }}.png'>

然后代码图像的某处发生变化：

$scope.some_ng_model.img_name = 'new_img'

这当然行不通，因为 sprocket 预编译了资产。

到目前为止，我一直将这些图像放在public 目录中，因此它们没有被预编译，我可以使用它们的原始名称访问它们。

【问题讨论】：

【解决方案1】：

用v-bind:src="'images/' + some_ng_model.img_name + '.png"'代替src

【讨论】：

如果您使用的是 vuejs... 我看到了 vue 标签，但看起来您使用的是 angular...
我在 Vue.js 中使用 :src，在 Angular 中使用 ng-src，但这并没有解决最初的问题——在 Rails 的 sprocket 预编译后访问图像