Question

我试图用Ember创建一个简单的博客。我按照本教程https://emberway.io/a-gentle-introduction-to-ember-2-0-8ef1f378ee4

进行了操作

我创建了一个模型并为＆＃39;创建新帖子＆＃39;生成了template.bhs和component.js。我已经为帖子创建了一条路线＆＃39;以及＆＃39; posts / new＆＃39;。但是，在加载＆app; app.com/posts/new'在浏览器中，我看不到new.hbs中的内容，我只是按照application.hbs看到我的页眉和页脚。

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

模板/帖/ new.hbs

{{#create-new-post}}{{/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>

路由/ new.js

import Ember from 'ember';

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

模型/ 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}}。

页面

1 个答案: