从 ember 开始，路线不显示答案

【问题标题】：Starting with ember, route not displaying从 ember 开始，路线不显示
【发布时间】：2015-12-03 20:42:51
【问题描述】：

我正在学习 Ember，刚开始在网站上学习教程，我对路由器的概念有点迷茫。

我使用了 ember 路由器一代，效果很好。

我现在在 app 文件夹中：

./router.js:

import Ember from 'ember';
import config from './config/environment';

var Router = Ember.Router.extend({
  location: config.locationType
});

Router.map(function() {
  this.route('toto', {path: '/toto'});
});

export default Router;

./templates/toto.hbs

<h1>Toto page</h1>

./routes/toto.js

import Ember from 'ember';

export default Ember.Route.extend({
});

当我尝试访问我的http://url.com/toto 时，它会向我显示默认的application.hbs 模板视图；

我错过了什么吗？

【问题讨论】：

你有application.hbs模板吗？它里面应该有 {{outlet}}。

标签： javascript ember.js ember-cli

【解决方案1】：

Ember 路由器将最终视图构建为树，树的根始终是应用程序路由。所以现在你有两条路线：application 和 toto。并且 Ember 路由器将它们一一渲染。它为toto 路由构建模板，并尝试将其附加到父路由模板的outlet，在您的情况下为application。假设您的application.hbs 中有{{outlet}}？如果没有，那么你必须把它放在适当的地方。

另外，Ember Inspector 对调试 Ember 应用程序非常有用。它可以显示哪些路由被渲染，哪些模板、组件、控制器等被使用。

【讨论】：