余烬链接到模型中的下一个对象

Ember Link To Next Object In Model

本文关键字：一个对象 模型 链接 余烬      更新时间：2023-09-26

http://emberjs.jsbin.com/aGUguJA/10

使用 bloggr 示例，我构建了一个帖子列表和一个帖子视图，并在帖子模板中添加了 2 个操作，上一个和下一个。

App.PostController = Ember.ObjectController.extend({
   actions:{
        next: function(){
            //Go to next object in a model
          },
        prev: function(){
            //Go to previous object in a model
          }}
});

我不知道如何使上一个和下一个工作。我有一种强烈的感觉，我需要使用ArrayController，但我仍然不知道从那里开始。

一个简单的解决方案是在帖子对象中添加两个字段/变量，即

{
    id: '1',
    title: "Object 1",
    author: { name: "Awesome Person 1" },
    date: new Date('01-01-2013'),
    excerpt:"Lorem ..",
    body:"Lore.."
    next:2,
    prev:null
}

因此，您要么在数据中提供此信息，要么创建从数据实例化 App.Post 对象，然后编写一个简单的迭代来填充 App.PostsRoute 的模型部分中的字段。然后，您可以相应地修改模板，并从下一个和上一个按钮的链接中传递对象或 id。

看一个工作的例子，http://emberjs.jsbin.com/OxajiVi/1/

编辑以下示例使用 Ember 类和对象演示解决方案，以创建链表，json 数据中没有上一个和下一个字段，并且在直接访问帖子时也有效，

http://emberjs.jsbin.com/uWAmUba/1

这可能会有所帮助：

<button {{action "next"}}>Next</button>
相关文章：