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として私のヘッダとフッタを見ています。

私はここで何か非常に基本的なものを欠いていることは間違いありません。

テンプレート/ポスト/ 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}}が欠落しています。