Ember-CLI 路由模型数据不影响模板

Question

我有一个 ember 路由 webtest 包含在文件 routes/webtest.js:

中

export default Ember.Route.extend({
  model: function() {
    return {
      title: "Does not appear"
    };
  }
});

我在 templates/webtest.hbs

中包含匹配的模板

<div class="container">
    <h2>Title: {{title}}</h2>
</div>

当我在网络浏览器中使用 ember serve 导航到页面 /webtest 时结果页面有 title: 文本，但没有文本 does not appear

我访问过多个 ember 页面，我在这里使用相同的代码： http://jsbin.com/neheru/6/edit?html,js,output

目标是能够从模板中访问变量 webtest，该变量可以通过路由访问。

仅供参考，我正在尝试将其添加到模板中，以便将变量传递给组件

Answer 1

变量应该是{{model.title}}

您可以使用

从模板中注销变量

{{log title}}
{{log controller.title}}
{{log model.title}}

这可能会帮助您更快地进行调试。

然后您应该能够将数据传递给我们的组件，例如：

{{my-component title=model.title}}

Ember-CLI Route model data not affecting template