javascript - 将网站标题传递给应用程序模板

Question

我正在构建我的第一个 Ember 应用程序，但不知何故我无法让它正常工作。

在我的网站中，模板在应用程序模板的导出中呈现。然后还有一些通往不同站点的路线。每个站点都有不同的标题。应用程序模板具有此标题的占位符。

但是如何显示与底层站点 Controller (index、about、...)相关的特定标题？

我在这里找到了这个:Setting page title with ember.js但它不适合我。有正确的方法吗？或者我真的必须给我的 h1 标签一个 id 并使用 jQuery 设置它吗？

Jsbin:http://jsbin.com/ucanam/1912/edit

Answer 1

您需要设置模板上下文的标题属性。 对于应用程序模板，这是App.ApplicationController。

App.IndexRoute = Ember.Route.extend({
  activate: function() {
    this.controllerFor('application').set('title', "Home");
  }
});

要设置文档标题，您只需添加一个观察者，以便在标题更改时触发。

App.ApplicationController = Ember.Controller.extend({
  titleDidChange: Ember.observer(function(){
    document.title = this.get('title');
  }, 'title')
});

http://jsbin.com/ucanam/1921/edit