Итак, у меня есть приложение для рельсов, у которого есть угловой на лицевой стороне. У меня есть имя для файла изображения, извлеченного и вставленного с помощью Angular на переднем конце. Тем не менее, я просто не могу получить изображение для отображения (но если мне нужно будет жестко закодировать ссылку, тогда появится изображение). Может кто-нибудь мне помочь?
HTML:
#this does not display the image, but displays link (i.e. {{officer.id}}.jpg => alice.jpg
<%= image_tag('{{officer.id}}.jpg', :id=>"{{officer.id}}", size: '140x140', :class=>"img-responsive, img-thumbnail", :data=>{:toggle=>"modal", :target=>"##{}{{officer.id}}Modal"}) %>
#this does work
<%= image_tag('alice.jpg', :id=>"{{officer.id}}", size: '140x140', :class=>"img-responsive, img-thumbnail", :data=>{:toggle=>"modal", :target=>"##{}{{officer.id}}Modal"}) %>
officer.coffee.erb (угловой код)
app = angular.module('officersApp', [])
app.controller 'officerCtrl', [
'$scope'
'$http'
($scope, $http) ->
$http.get('./officers.json').success (data) ->
$scope.officersGroup = data.officers
return
]
Вместо использования шаблонов рельсов я использовал бы чистые угловые шаблоны, например:
<img ng-src="{{officer.id}}" id="{{officer.id}}" class="img-responsive img-thumbnail" data-toggle="modal" />