Ruta anidada en emberjs sin usar el recurso de salida

Tengo un enrutador con las templates correspondientes para cada ruta (y objects de ruta). Quiero poder mostrar cada plantilla independientemente de su matriz, lo que significa que no quiero que las routes anidadas se procesen en la salida de la plantilla principal. Esencialmente hacer una "página" separada para cada ruta anidada.

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

Estoy usando ember1.0.0-rc1

Gracias

3 Solutions collect form web for “Ruta anidada en emberjs sin usar el recurso de salida”

Quiero poder mostrar cada plantilla independientemente de su matriz, lo que significa que no quiero que las routes anidadas se procesen en la salida de la plantilla principal.

Tal vez estableciendo lo obvio, pero eso es exactamente lo que sucederá si no creas una plantilla para el recurso. En su caso, si no crea una plantilla new.hbs entonces ember mostrará las templates new.hbs y show.hbs en {{outlet}} en application.hbs .

NOTA: si hace esto, Ember emitirá una advertencia de console "La ruta primaria inmediata no se procesó en la toma principal …"

Esto se explica con más detalle en la guía de routing de brasas

Nota rápida de las guías de las brasas

Si define un recurso usando this.resource y no proporciona una function, entonces la ruta implicit resource.index no se crea. En ese caso, / resource solo usará ResourceRoute, ResourceController y la plantilla de resources.

Su routing es correcto y @mikegrassotti es correcto, aunque si quiere un índice para "recetas" sin tener sus templates de routes "nuevas" y "mostrar" anidadas dentro de "recetas" (sin máster / detalles) necesitará crear recetas / plantilla de índice sin salida dentro.

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

No necesita cambiar la configuration de su ruta. Como Mike mencionó anteriormente, ember renderizará las templates new.hbs y show.hbs en {{outlet}} en application.hbs

Ember.js no admite routes de anidamiento, solo admite resources de anidamiento. La ruta anidada finalmente puede contener una ruta.

Piense en los resources como cosas y en las routes como acciones.

  • AngularJS. Autorefresh $ scope variable en html
  • ¿Puedo declarar variables locales / temp dentro de una plantilla jQuery?
  • Asignación de valores dentro de las templates con handlebars.js
  • Manillar - subcadena
  • ¿Cómo networkingirigir en otra página y pasar el parámetro en url de la tabla?
  • Jade incluye plantilla basada en una variable
  • ¿Cómo uso CoffeeScript en Rails?
  • mustache.js vs. jquery-tmpl
  • ¿Cuál es una estrategia de trabajo para servir las diéresis generadas por JS y CSS a todas las posibles codificaciones de página de host?
  • manubrios: ¿es posible acceder al context principal de forma parcial?
  • Lazyload files JS / CSS externos basados ​​en la convención del espacio de nombres del controller
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.