Load css from handlebars template

Question

I am using ember js. How do I load a css style sheet from a handlebars js template

For example this doesn't work

<script type="text/x-handlebars" id="about">
    <link rel="stylesheet" href="/static/css/about.css"}}
    // HTML CONTENT
    .......
</script>

Try fixing the }} at the end of the <link line. If that doesn't work, you may need to load the css using javascript. — ccleve
– ccleve, Commented Jan 23, 2014 at 3:41
link tags should always be placed in the head of the DOM (per W3C recommendation). If you need to split apart your stylesheet, I suggest using controllers to trigger view methods that manage the stylesheets. I can see the appeal of just putting a stylesheet into a hbs template, but it may produce unwanted effects for some of your visitors. — Matthew Blancarte
– Matthew Blancarte, Commented Jan 23, 2014 at 5:32
Thanks @MatthewBlancarte I would appreciate a jsfiddle. Not quite got my head around views yet. — david_adler
– david_adler, Commented Jan 23, 2014 at 10:13
Take a look at this thread: stackoverflow.com/q/5828365/614152 — Matthew Blancarte
– Matthew Blancarte, Commented Jan 25, 2014 at 16:22

Kingpin2k · Accepted Answer · 2014-01-23 05:02:48Z

1

It looks like it works to me.

<script type="text/x-handlebars" data-template-name="color">
  <h3>Color</h3>
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css">
  The color of the day is: {{color}}
</script>

http://emberjs.jsbin.com/OxIDiVU/162/edit

answered Jan 23, 2014 at 5:02

Kingpin2k

47.4k10 gold badges80 silver badges97 bronze badges

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

Collectives™ on Stack Overflow

Load css from handlebars template

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related