How To Use Image_tag In Rails With Mustache Template

Recently I have been working on one rails project, In which I have used Mustache.js.

Moustache is a logic-less template used for client-side dynamic template rendering.

You can check this link, Mustache, for more details.

As a rails developer, it’s common to use image_tag for displaying images in rails, so I preferred to use image_tag for displaying images.

So when I tried using image_tag with a mustache, I was surprised!! Why? Because that image_tag was not working as expected. So I thought something was wrong with image_tag. And then, I read more details about image_tag.

See below code…(In which image_tag was not working)

app/assets/javascripts/sample.coffee

app/views/sample.html.slim

After using the above code, I got compiled version of image_tag as below.Then I realized that image_tag is compiled at the server-side & then it sends compiled(html tag) to the client-side. But the mustache template is collected on the client-side. So the…

amoludage

Recently I have been working on one rails project, In which I have used Mustache.js.

Mustache is a logic-less template which is used for client side dynamic template rendering.

You can check this link Mustache for more details.

As I’m rails developer it’s common to use image_tag for displaying images in rails, so I preferred to use image_tag for displaying images.

So when I was trying to use image_tag with mustache, I was surprised!! Why? Because, that image_tag was not working as expected. So I thought something is wrong with image_tag. And then I read more details about image_tag.

See below code…(In which image_tag was not working)

app/assets/javascripts/sample.coffee

app/views/sample.html.slim

After using above code I got compiled version of image_tag as below.

Then I realized that image_tag is compiled at server side & then it sends compiled(html tag) to the client side. But mustache template is compiled at client side. So the…

View original post 97 more words

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.