簡體   English   中英

灰燼鏈接到模型中的下一個對象

[英]Ember Link To Next Object In Model

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

使用bloggr示例,我構建了一個帖子列表和一個帖子視圖,並且向帖子模板添加了兩個動作,Previous和Next。

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,但是我仍然不知道從那里去哪里。

一種簡單的解決方案是在post對象中添加兩個字段/變量,即

{
    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.PostsRou​​te的模型部分中的字段。 然后,您可以相應地修改模板,並通過下一個和上一個按鈕的鏈接傳遞對象或ID。

看一個工作示例, http://emberjs.jsbin.com/OxajiVi/1/

EDIT以下示例演示了使用Ember類和對象創建鏈接列表的解決方案,json數據中沒有上一個和下一個字段,並且在直接訪問帖子時也可以使用,

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

這可能會有所幫助:

<button {{action "next"}}>Next</button> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM