How to display handlebars variable inside html code style?

Question

I've been trying to do the following in my .hbs file:

<div class="nav-avatar" style="background-image: url('\{{ url }}avatar/\{{ user.pic }}');"></div>

However the CSS when looking through the website looks as so:

<div class="nav-avatar" style="background-image: url('avatar/');"></div>

Both {{ url }} and {{ user.pic }} display as they should otherwise.

basickarl · Accepted Answer · 2015-11-15 16:15:37Z

1

I over complicated the problem. Didn't need to escape it.

<div class="nav-avatar" style="background-image: url('{{ url }}avatar/{{ user.pic }}');"></div>

answered Nov 15, 2015 at 16:15

basickarl

41.2k70 gold badges239 silver badges358 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1