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');
  }
});

我确信这很简单，我只是没有看到做我想做的事情的最佳方式。

任何帮助都会很棒，谢谢！

Answer 1

您需要pageTitle在您ApplicationController的 .

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