2

注意确实确定要做什么。我正在尝试使用 slug 而不是 ID,但是当我尝试直接转到链接 (/categories/source) 时,出现错误。我尝试在 RESTadapter 中添加映射,但没有奏效。我哈

我觉得我的问题出在我的 CategoryRoute/模型代码中,但我看不到获得正确的组合。任何帮助表示赞赏。

老实说,我不知道为什么它已经有了可用的模型信息时必须进行两次 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>

应用程序.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

0

我使用了以下路由器设置,以便我可以拥有与 /posts/:id 路由相对应的 Post 资源。还给出属于帖子的评论。

  this.resource('posts', function() {
    this.route('new');
  });
  this.resource('post', { path: '/posts/:post_id' }, function() {
    this.resource('comments', function() {
      this.route('new');
      this.route('create');
    });
    this.route('comment', { path: 'comments/:comment_id'});
  });

我必须单独定义类别资源,然后在资源定义中明确声明该帖子位于 /posts 路由下。也许您需要一个路由器,例如:

this.resource('categories', function() {});
this.resource('category',{path:'/categories/:category_slug'});
于 2013-10-29T12:19:54.910 回答