Рельсы + Угловые динамические изображения

Question

Все говорят, что .erb для JavaScript - это плохая практика. Тогда как я могу решить эту общую проблему:

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

Тогда где-то в изменении кода изображения:

$scope.some_ng_model.img_name = 'new_img' 

Это, конечно, не будет работать, потому что Звездочки прекомпилировать активов.

До сих пор я помещал эти изображения в каталог public, поэтому они не были предварительно скомпилированы, и я могу получить к ним доступ с их оригинальными именами.

Answer 1

Вместо src используйте v-bind:src="'images/' + some_ng_model.img_name + '.png"'