2

何をすべきかを本当に確認してください。ID の代わりにスラッグを使用しようとしていますが、リンク (/categories/source) に直接移動しようとすると、エラーが発生します。RESTadapter にマッピングを追加しようとしましたが、うまくいきません。私は

私の問題は CategoryRoute/model コードにあると感じていますが、正しいコンボを取得することができません。どんな助けでも大歓迎です。

正直なところ、モデル情報が既に利用可能になっているのに、なぜ 2 つの REST 呼び出しを行わなければならないのかわかりません。どんな助けでも大歓迎です、ありがとう！

JSON レスポンス

{"categories":[{"id":1,"name":"Misc","slug":"misc"},{"id":2,"name":"Technology","slug":"technology"},{"id":3,"name":"Ecommerce","slug":"ecommerce"},{"id":4,"name":"Visitor","slug":"visitor"},{"id":5,"name":"Content","slug":"content"},{"id":6,"name":"evars","slug":"evars"},{"id":7,"name":"Marketing","slug":"marketing"},{"id":8,"name":"Props","slug":"props"},{"id":9,"name":"Source","slug":"source"}]}

{"category":{"id":2,"name":"Technology","slug":"technology"}}

HTMLファイル

<script type="text/x-handlebars">
    <div class="container">
        <div class="navbar navbar-inverse">
            <a class="navbar-brand" href="#">LayerSpark</a>
            <ul class="nav navbar-nav">
                <li>{{#linkTo 'categories'}}Categories{{/linkTo}}</li>
                <li>{{#linkTo 'help'}}Help{{/linkTo}}</li>
                <li>{{#linkTo 'account'}}Account{{/linkTo}}</li>
            </ul>
        </div>
    </div>
    <div class="container">
                {{outlet}}

    </div>

</script>


<script type="text/x-handlebars" id="categories">

    <div  {{bindAttr class=":row"}}>
        <div {{bindAttr class=":col-lg-4"}}>
            <ul>
                {{#each model}}
                <li>{{#linkTo 'category' this}}{{name}}{{/linkTo}}</li>
                {{/each}}
            </ul>

        </div>
        <div {{bindAttr class=":col-lg-8"}}>
            {{outlet}}
        </div>
    </div>

</script>

<script type="text/x-handlebars" id="category">
   Post:<br>
    My name is :: {{ name }}<br>
    My id is :: {{id}}<br>
    My slug is :: {{slug}}<br>

</script>

<script type="text/x-handlebars" id="categories/index">
    <p class="text-warning">Please select a Category</p>
</script>

App.js

App = Ember.Application.create({
    LOG_TRANSITIONS:true
});
var attr = DS.attr;

App.Category = DS.Model.extend({
    name: attr('string'),
    slug: attr('string')
});

DS.RESTAdapter.configure("plurals", {
    category: "categories"
});
App.Store = DS.Store.extend({
    revision: 12,
    adapter: DS.RESTAdapter.create({
        url: '/api',
        mappings:{
            category:'App.Category'
        }
    })
});


App.Router.map(function() {
    this.resource('about');
    this.resource('categories', function() {
        this.resource('category',{path:':category_slug'});
    });
    this.resource('help');
    this.resource('account');
});

App.CategoriesRoute = Ember.Route.extend({

    model: function() {
        return App.Category.find();
    }
});

App.CategoryRoute = Ember.Route.extend({

    model: function(route,model) {
        console.log(route);window.mod = model;
        return App.Category.find({slug:route.category_slug});
    },
    serialize: function(model) {
        return {
            category_slug: model.get('slug')
        };
    }
});


Ember.Handlebars.registerBoundHelper('markdown', function(input) {
    return new Handlebars.SafeString(showdown.makeHtml(input));
});

Ember.Handlebars.registerBoundHelper('date', function(date) {
    return moment(date).fromNow();
});
4

1 に答える 1