web-dev-qa-db-ja.com

ルートの動的セグメントよりも多くのコンテキストオブジェクトが渡されました：post

私は従おうとしています この基本的なEmber.jsチュートリアル ですが、「投稿」モデルでは運がありません。デモンストレーションに従ってすべてを設定しましたが、エラーが発生します。

Uncaught More context objects were passed than there are dynamic segments for the route: post

Ember.jsアプリを使ったのは今回が初めてなので、正直言ってこれが何を意味するのかわかりません。どんな助け（文字通り何でも）をいただければ幸いです。

これが私のApp.jsです

App = Ember.Application.create();

App.Store = DS.Store.extend({
    adapter: 'DS.FixtureAdapter'
});

App.Router.map(function () {
    this.resource('posts', function() {
        this.resource('post', { path:'post_id'})
    });
    this.resource('about');
});

App.PostsRoute = Ember.Route.extend({
    model: function () {
        return App.Post.find();
    }
})

App.Post = DS.Model.extend({
    title: DS.attr('string'),
    author: DS.attr('string'),
    intro: DS.attr('string'),
    extended: DS.attr('string'),
    publishedAt: DS.attr('date')
});

App.Post.FIXTURES = [{
        id: 1,
        title: "Rails in Omakase",
        author: "d2h",
        publishedAt: new Date('12-27-2012'),
        intro: "Blah blah blah blah",
        extended: "I have no clue what extended means"
    }, {
        id: 2,
        title: "Second post",
        author: "second author",
        publishedAt: new Date('1-27-2012'),
        intro: "second intro",
        extended: "Second extended"
    }];

そして、これが投稿のhtmlです。

<script type="text/x-handlebars" id="posts">
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span3">
                <table class='table'>
                <thead>
                    <tr><th>Recent Posts</th></tr>
                </thead>
                {{#each model}}
                <tr><td>
                    {{#linkTo 'post' this}}{{title}} <small class='muted'>by {{author}}</small>{{/linkTo}}
                </td></tr>
                {{/each}}
                </table>
            </div>
            <div class="span9">
                {{outlet}}
            </div>
        </div>
    </div>
</script>
<script type="text/x-handlebars" id="post">
    <h1>{{title}}</h1>
    <h2> by {{author}} <small class="muted">{{publishedAt}}</small></h2>

    <hr>

    <div class="intro">
        {{intro}}
    </div>

    <div class="below-the-fold">
        {{extended}}
    </div>
</script>
javascriptember.jshandlebars.js
23
NealR

ルートを指定するつもりだったと思います。

this.resource('posts', function() {
    this.route('post', { path:'/post/:post_id'})
});

エラーは、post/12のようなものを渡していて、動的セグメントが指定されていない（:post_idと記述されている）ようです。:は、動的セグメントを指定する重要なポイントです。

Ember.jsのドキュメントから取得

29
AndrewK

受け入れられた答えは機能します。

ただし、例のopがどこにあるかを考えると、より正確な修正は、次のものをそのままにすることです。

this.resource('posts');

そしてこれをその下に追加します：

this.resource('post', { path: '/post/:post_id'});
2
Jay