Ember模板未显示在页面中

https://emberway.io/a-gentle-introduction-to-ember-2-0-8ef1f378ee4

我创建了一个模型并生成了一个模板。行李处理系统和部件。“创建新帖子”的js。我为“posts”和“posts/new”创建了一条路线。然而,在加载“应用程序”时。com/posts/new“在浏览器中,我没有看到来自 new.hbs 我只看到我的页眉和页脚,根据 application.hbs .

毫无疑问,我遗漏了一些非常基本的东西。

模板/帖子/新建。哈佛商学院

{{#create-new-post}}{{/create-new-post}}

组件/创建新帖子/模板。哈佛商学院

<h3>Create a new post</h3> <form>   <p>
{{input value=post.title placeholder="Post title"}}
{{input value=post.text placeholder="Text"}}   </p>   <p>
{{textarea value=post.text placeholder="Content"}}   </p>   <p>
<span {{action "createPost" post}}>Publish</span>   </p> </form>

路线/新建。js公司

import Ember from 'ember';

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

型号/职位。js公司

import DS from 'ember-data';

export default DS.Model.extend({
  title: DS.attr('string'),
  snippet: DS.attr('string'),
  createdDate: DS.attr('date'),
  text: DS.attr('string')
});

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

const Router = Ember.Router.extend({
  location: config.locationType,
  rootURL: config.rootURL
});

Router.map(function() {
  this.route('posts', function() {
    this.route('new');
  });
});

export default Router;