Ember Handlebars Templates in tag

Question

Is it possible for ember (specifically the application template) to operate inside the head tag in order to dynamically change things like the title tag, meta tags, external css stylesheets and the favicon?

If so, what would be a clean way of doing this?

thecodejack · Accepted Answer

In order to make this work, what I did was I created handlebar helpers. For Example, If you want to change the title for views which is very common, here is the helper.

Ember.Handlebars.helper('headTitle', function(title) {
  Ember.$('head').find('title').text(title);
}, 'title');

now in any view template you can just add the helper

{{headTitle 'View Header'}}

Here is the JSbin to check if its working

Ember Handlebars Templates in <head> tag

Tags:

javascript

handlebars.js

ember.js

Bradley Trager

1 Answers

thecodejack

Recent Activity

Donate For Us