Percorso nidificato in emberjs senza utilizzare l'uscita risorse

Question

Ho un router con modelli corrispondenti per ogni percorso (e oggetti percorso). Voglio essere in grado di visualizzare ogni modello indipendentemente dal suo genitore, il che significa che non voglio che le rotte nidificate siano rese allo sbocco del modello principale. Essenzialmente facendo una "pagina" separata per ogni percorso nidificato.

App.Router.map(function() { 
    this.resource('recipes', function() { 
    this.route('new'); 
    this.route('show', { path: '/:recipe_id' }); 
    }); 
}); 

sto usando ember1.0.0-rc1

Grazie

Answer 1

Desidero essere in grado di visualizzare ogni modello indipendentemente dal relativo elemento principale, ovvero non desidero che le route nidificate vengano visualizzate nell'output del modello principale.

Forse affermare l'ovvio ma questo è esattamente ciò che accadrà se non si crea un modello per la risorsa. Nel tuo caso, se non crei un modello recipes.hbs, ember renderizza i modelli new.hbs e show.hbs nello {{outlet}} in application.hbs.

NOTA: Se si esegue questa operazione, sarà Ember uscita un avvertimento console "Il percorso padre immediato non ha il rendering alla presa principale ..."

Questo è spiegato più in dettaglio nella ember routing guide

Answer 2

Ember.js non supporta percorsi di nidificazione, supporta solo le risorse di nidificazione. La rotta nidificata alla fine può contenere una rotta.

Pensa alle risorse come alle cose e le rotte come azioni.

Answer 3

Rapida nota dalle guide brace

Se si definisce una risorsa che utilizza this.resource e non si fornisce una funzione, la rotta implicita resource.index non viene creata. In tal caso,/resource utilizzerà solo ResourceRoute, ResourceController e il modello di risorse.

Il tuo percorso è fine e @mikegrassotti è corretta, anche se se si desidera un indice per "ricette" senza avere il vostro "nuovo" e "mostra" modelli di percorso annidati dentro "ricette" (senza padrone/dettaglio) sarà necessario creare un modello di ricette/indice senza sbocco all'interno.

<script type="text/x-handlebars" data-template-name="recipes/index"> 
<ul> 
    {{#each}} 
    <li>{{recipe}}</li> 
    {{/each}} 
</ul> 

Non è necessario modificare la configurazione del percorso. Come menzionato sopra, ember renderizzerà i modelli new.hbs e show.hbs nel {{outlet}} in application.hbs