Question

我正在研究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;

./模板/ toto.hbs

<h1>Toto page</h1>

./路由/ toto.js

import Ember from 'ember';

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

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

我错过了什么吗？

Answer 1

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

同样Ember Inspector对于调试Ember应用程序非常有用。它可以显示渲染的路线，使用的模板，组件，控制器等。

从ember开始，路由不显示

1 个答案: