How Do I Set Meteor Template Title On Render?

Question

I have a dynamic line of code:

 <label>{{title}}</label>
//template name="header"

I'm using iron:router, the app is super simple right now:

Router.configure({
  layoutTemplate: 'ApplicationLayout'
})

Router.route('/', {
  template: "home"
})

Router.route('/scientific', {
  template: "scientific"
})

I'd like a solution that doesn't rely on Session as a way to dynamically render the {{title}} .

Ideally I'd like to define this title somewhere in my router code, and just have my header automatically pick it up. I don't particularly want to do a lot of Session.set/get over in my Template.rendered callbacks (I seem to get an issue doing this with Semantic-UI checkboxes).

Do you guys have any elegant, super simple solutions?

PS: the template 'header' is in the ApplicationLayout template. The ApplicationLayout has a {{> yield}} below the header.

Answer 1

A viable option is to store your title inside your route options like this :

Router.route("/",{
  template:"home",
  title:"Welcome Home !"
});

Router.route("/scientific",{
  template:"scientific",
  title:"Scientific stuff"
});

Then you can define a title helper on your header template based on the (reactive) current route controller.

Template.header.helpers({
  title:function(){
    return Router.current().route.options.title;
  }
});