Метеор железо-маршрутизатор не вставляя шаблон в правильное расположение

Question

я настроить маршрут

this.route('force', { 
path: '/force', 
template: 'showForce', 
layoutTemplate: 'mainpanel' 
}); 

showForce шаблон очень прост

<template name="showForce"> 
    <p>show force</p> 
</template> 

как это mainPanel шаблон

<template name="mainpanel"> 
    {{ yield }} 
</template> 

, но этот шаблон имеет такого родителя

<template name="page_logged_in"> 
    {{> header}} 

    <div id="side-panel"> 
    {{> sidepanel}} 
    </div> 

    <div id="main-panel"> 
    {{> mainpanel}} 
    </div> 
</template> 

Маршрут отображает шаблон на странице, но не в позиции yield. Он отображается как родной DOM для шаблона page_logged_in.

Любые идеи, почему это происходит?

Благодаря

Answer 1

Iron Router немного сложно использовать. Вы должны использовать функцию named yields и позволить Iron Router помещать шаблоны вместо того, чтобы пытаться вставить их с {{> templateName}}. Я создал демо-репо на основе вашего кода, чтобы показать, как достичь желаемых результатов, и он находится здесь: https://github.com/copleykj/ConnorAtherton

Answer 2

Не забудьте сделать конфигурацию маршрутизатора слишком

Router.configure({ 
    layoutTemplate: 'mainpanel' 
}); 

Вашего маршрут должен быть что-то вроде этого

this.route('showForce', { 
    path: '/force', 
    layoutTemplate: 'mainpanel' 
}); 

«Шаблон» должна быть первыми парами , Без конфигурации layoutTemplate я считаю, что железный маршрутизатор использует тело в качестве урожая, поэтому вы можете видеть перемещенный dom.