Come eseguire il rendering di più modelli per un instradamento in Router v2

Question

il mio modello di indice ha due uscite, una per l'intestazione, un'altra per il contenuto. il modello reso nel contenuto cambia a seconda del contenuto visualizzato.

Nel vecchio router, è possibile eseguire questa operazione chiamando lo connectOutlet su diversi controller che possedevano quel modello. Non riesco a capire come fare lo stesso nel nuovo router.

qualche suggerimento?

Answer 1

con la mia ricerca, sono arrivato a questo: Diciamo che avete un router definito come questo :

App.Router.map(function(match) { 
    match('/').to('index'); 
}); 

ApplicationTemplate:

<script type="text/x-handlebars"> 
{{outlet header}} 
{{outlet}} 
</script> 

IndexTemplate:

<script type="text/x-handlebars" data-template-name="index"> 
{{outlet dashboard}} 
{{outlet spaces}} 
</script> 

Ora, Quello che vogliamo è che quando l'utente va al router indice, la pagina dovrebbe:

• Render indice in uscita principale e intestazione nella presa di intestazione di applicazione modello.
• dashboard di rendering, modello di spazi nel modello di indice.

Per raggiungere questo obiettivo, scriviamo il seguente codice nel indexRoute

App.IndexRoute = Em.Route.extend({ 
    renderTemplate: function(controller, model){ 
     //Render header into header outlet 
     this.render('header',{ 
      outlet:'header' 
     }); 
     //Render index into main outlet. If you comment out 
     //this line, the code below fails 
     this.render('index'); 

     //by using into, we can render into the index template 
     //Note: The controller is optional.if not specified, 
     //ember picks up controller for the given template. 
     this.render('dashboard',{ 
      outlet:'dashboard', 
      into:'index', 
      controller:this.controllerFor('somethingElse', App.TestModel.find()) 
     }); 
     //controller is SpacesController 
     this.render('spaces',{ 
      outlet:'spaces', 
      into:'index' 
     }); 
    } 
}); 

Answer 2

è possibile utilizzare la funzione di renderTemplates nel router di rendere viste mulitple alle prese nome:

renderTemplates:function() { 
    this.render('todos_list', { 
     into:'todos', //template name 
     outlet: 'todos', //named outlet 
     controller: 'listController' //controller you want to use 
    }); 
    this.render('todos_test', { 
     into:'todos', 
     outlet: 'test', 
     controller: 'testController' 
    }); 
}, 

setupControllers:function (controller, model) { 
    this.controllerFor('list').set('content', listmodel.find()); 
    this.controllerFor('test').set('content', testmodel.find()); 
} 

La funzione setupControllerControllerFor vi permetterà di assegnare quello che ci siamo posti come 'contesto' nel router precedente.

Nel modello, si dovrebbe nominare punti proprio come prima:

{{outlet list}} 
{{outlet test}} 

Spero che questo aiuti :)