Ember 模板未显示在页面中

Question

我正在尝试使用 Ember 创建一个简单的博客。我正在学习本教程 https://emberway.io/a-gentle-introduction-to-ember-2-0-8ef1f378ee4

我创建了一个模型并为 'create-new-post' 生成了 template.bhs 和 component.js。我已经为 'posts' 和 'posts/new' 创建了一条路线。但是，在浏览器中加载 'app.com/posts/new' 时，我看不到 new.hbs 的内容，我只看到 application.hbs.

的页眉和页脚

毫无疑问，我在这里遗漏了一些非常基本的东西。

templates/posts/new.hbs

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

components/create-new-post/template.hbs

<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>

routes/new.js

import Ember from 'ember';

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

models/post.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')
});

router.js

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;

Answer 1

您在帖子或申请模板中缺少 {{outlet}}。

Ember 模板未显示在页面中

Ember Template Not showing in page

javascript

ember.js