emberjs - how to mark active menu item using router infrastructure

Question

I\'m trying to create navigation tabs (taken from Twitter Bootstrap):

Answer 1

Handlebars

    
{{#linkTo "index"}}Index{{/linkTo}}
    
{{#linkTo "about"}}About{{/linkTo}}

Javascript

App.Router.map(function() {
    this.route("about");
});

It will add active class automatically based on route. Note: It is tested using ember-1.0.0-pre.4.js