EmberJS：为列表加载模型的传情，详细视图为完整模型

Question

任何人都知道如何为一个视图部分加载模型，然后将整个模型加载到另一个视图？

例如：

/* 
    This will get all projects, so we only want an id and name returned from the server. 
    Each project is a monster, so we don't want all data for each project. 
    */ 
    App.ProjectsRoute = Ember.Route.extend({ 
    model: function() { 
     return App.Project.find(); 
    } 
    }); 

    /* 
    This is a project detail, so we'd want the entire model returned from the server. Embedded records and all. 
    */ 
    App.ProjectRoute = Ember.Route.extend({ 

    }); 

我能找到最接近的事是这样的：https://stackoverflow.com/a/14183507/1125563

在，我可以做这样的事情：

App.ProjectRoute = Ember.Route.extend({ 
    setupController: function(controller, model) { 
     if (model.get('isTeaser')){ 
     model.reload(); 
     } 
    } 
    }); 

在这种解决办法，我有一个计算属性isTeaser，检查一些事情，以确定我是否只部分加载它。

除了一点点混乱之外，这里唯一的交易断路器是它正在转换到部分加载模型的路线，然后在它被加载之后，所有的东西都会优雅地嵌入。不是风扇。 。

我是否错过了一些明显的东西？

Answer 1

这是我的方法，它消除了初始渲染延迟。那是不是你的意思是'不合理'？

// Load the light version of all subjects on page load 
App.ApplicationController = Em.Controller.extend({ 
    init: function() { 
    return App.Subject.find(); 
    } 
}); 

// Fetch all our previously loaded subjects 
App.SubjectsRoute = Ember.Route.extend({ 
    model: function() { 
    return App.Subject.all(); 
    } 
}); 

App.SubjectRoute = Ember.Route.extend({ 
    // If we're loading the page directly to this route, do a normal find 
    model: function(params) { 
    return App.Subject.find(params.subject_id); 
    }, 
    setupController: function(controller, model) { 
    // Show what details we have for this subject (e.g. the title) immediately 
    controller.set("model", model); 

    // Load full details for the model and display them as soon as they arrive 
    if (Em.isEmpty(model.get("text"))) {  
     App.Subject.find(model.get("id")).then(function(model) { 
     return controller.set("model", model); 
     }); 
    } 
    } 
});