javascript - 如何使用 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') };
  }
});

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

我的问题是，如何在 Handlebars 文件中使用此值 ( pizza )？目前看起来是这样的:

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

我想输入pizza里面有<h1>标签。

我该怎么做？

Answer 1

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