"неожиданные '}', ожидая =>" при использовании атрибутов

Question

У меня есть img тег как HTML, и я хочу использовать его в Еврорадио:

<img src="images/Slider/app.png" alt="" width="636" height="441" data-ww="['600px','500px','400px','200px']" data-hh="['338px','281px','225px','113px']" data-no-retina> 

мой HTML ERB код является:

<%= image_tag "/Slider/app.png", width:"636", height:"441", data: { ww:['600px','500px','400px','200px'], hh:['338px','281px','225px','113px'], no-retina } %> 

, но я получаю синтаксическую ошибку: unexpected '}', expecting =>

Answer 1

Рельсы не позволяют использовать тире в качестве хеш-ключа. Таким образом, синтаксис не работает при попытке проанализировать no-retina.

Вы должны использовать боковые строки, если вы хотите иметь штрих случай как ключевой

<%= image_tag "/Slider/app.png", width:"636", height:"441", data: { ww:['600px','500px','400px','200px'], hh:['338px','281px','225px','113px'], 'no-retina': true } %> 

В данном конкретном случае (IMAGE_TAG хелперов и атрибуты данных), однако, Rails достаточно умен, чтобы ты право HTML, если вы просто использовать uderscores:

<%= image_tag "/Slider/app.png", width:"636", height:"441", data: { ww:['600px','500px','400px','200px'], hh:['338px','281px','225px','113px'], no_retina: true } %> 

Кроме того, если вы смотрите на документации image_tag, вы увидите, что вы можете использовать size указать высоту и ширину. С какой-то код стиля очистки это то, что выглядит гораздо лучше:

<%= image_tag "/Slider/app.png", size: "636x441", data: { ww: ['600px','500px','400px','200px'], hh: ['338px','281px','225px','113px'], no_retina: true } %> 

Answer 2

Вы можете разбить его на - и гнездо его

<%= image_tag "/Slider/app.png", data: { no: { retina: true } } %>