javascript - 从 ember 开始，路线不显示

Question

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

我使用了 ember router generation，效果很好。

我现在在应用程序文件夹中:

./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 模板 View ；

我错过了什么吗？

Answer 1

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

还有 Ember Inspector对于调试 Ember 应用程序非常有用。它可以向您显示渲染了哪些路由，使用了哪些模板、组件、 Controller 等。