javascript - emberjs で動的グローバル属性を表示する方法

Question

使用しているコントローラーに応じて変更されるヘッダー タイトルが必要です。

ここに私のアプリケーションテンプレートがあります:

<div class="container">
  <div class="content">
    <div class="page-header">
      {{#if pageTitle}}
        <h1>{{pageTitle}}</h1>
      {{/if}}
    </div>
    <div class="span12">
      {{outlet}}
    </div>
  </div>
</div>

ページタイトルが設定されている場合は、それを表示する必要があります。

今私が試した投稿コントローラがあるとしましょう：

App.PostsController = Ember.ArrayController.extend({
  pageTitle: 'Posts'
});

うまくいきませんでした。

私も次のようなルートで設定しようとしました：

App.PostsRoute = Ember.Route.extend({
  model: function() {
    return App.Post.find();
  },
  setupController: function(controller) {
    controller.set('pageTitle', 'Posts');
  }
});

これは非常に単純だと確信しています。やりたいことを実行する最善の方法がわかりません。

どんな助けでも素晴らしいでしょう、ありがとう!