ember.js - ホームページ専用の Ember アプリケーション ビュー クラスを設定する

Question

免責事項：私はEmberにかなり慣れていないので、簡単に行ってください。:)

App.get('currentPath') の値が 'index' に設定されている場合にレンダリングされるアプリケーション ビューの div に「is-home」であるクラスを表示しようとしています。以下のコードはクラスを設定するために機能しますが、ロード時にのみ機能します。ページを読み込んでリンクをクリックすると、ホームページから移動した場合はクラスを削除するロジックが再実行されず、別のページに入力してからホームページに移動した場合は追加されません。私は単純なものが欠けていると確信しています。

どんな助けでも大歓迎です！

現在のコード(注: Ember App Kit を使用しています)

// app/views/application.js

export default Ember.View.extend({
  classNameBindings: ['isHome'],
  isHome: function() {
    if (App.get('currentPath') == 'index') {
      return true;
    } else {
    return false;
    }
  }.property()
});

App.get('currentPath') の機能は、この回答https://stackoverflow.com/a/18302740/3403881から派生しています。