Examples around ember.js {{link-to}} and its active state

active-property-on-link-to.js

App.ApplicationController = Ember.Controller.extend({
  eventLinkActive: function() {
    return this.get('currentPath').indexOf('events') !== -1);
  }.property('currentPath')
});

{{link-to 'events' active=eventLinkActive}}

common-resource-current-when.js

App.Router.map(function() {
  this.resource('directory', function() {
    this.resource('posts');
    this.resource('post', { path: '/posts/:post_id' });
  });
});

{{link-to 'posts' currentWhen='directory'}}

renaming-resources.js

App.Router.map(function() {
  this.resource('posts');
  this.resource('post', { path: '/post/:post_id' });
});