如何将动态段的值输出到带有Ember的页面上？

Question

这是我的app/router.js文件：

export default Router.map(function() {
  this.route("food");
  this.route("foodtype", { path: '/food/:food_name' });
});

这是routes/foodtype.js：

export default Ember.Route.extend({
  model: function (params) {
    return params;
  },
  serialize: function (model) {
    return { food_name: model.get('food_name') };
  }
});

因此，如果我在我的Ember应用程序中转到food/pizza，Ember将加载上述文件，food_name等于pizza。

我的问题是，如何在我的手柄文件中使用此值（pizza）？它目前看起来像这样：

<h1>Mmm, ...</h1>

我想将pizza放在<h1>标记内。

我该怎么做？

Answer 1

<h1>{{model.food_name}}</h1>