2016-04-29 5 views
0

Как бы получить ссылки слева (боковая панель), чтобы открыть отдельные страницы в правой части экрана?Совет, требуемый для железного маршрутизатора и метеора

Я изучал некоторые учебные пособия, которые выполняются поисковыми запросами Google. Я пытаюсь поместить {{> yield}} в тело, но он это делает, все испортит. Мое понимание заключается в том, что выход должен быть размещен там, где всегда должна отображаться маршрутизируемая страница. Пожалуйста, дайте мне знать, как это сделать.

Вот мой код до сих пор:

<body> 
    <div id= 'wrapper'> 
     <div id="sidebar-wrapper"> 
      {{> SideBar}} 
     </div> 
     <div id="page-content-wrapper"> 
     {{> PageContent}} 
     </div> 
    </div> 
</body> 


<template name ='SideBar'> 
      <ul class="sidebar-nav"> 
       <li class="sidebar-brand"> 
        <a href="#">Start Bootstrap </a> 
       </li> 
       <li> 
       <a href="{{ pathFor 'Dashboard' }}">Dashboard</a> 
       </li> 
       <li> 
        <a href="{{ pathFor 'Overview' }}">Overview</a> 
       </li> 
      </ul> 
</template> 

<template name ='PageContent'> 
        <div class="container-fluid"> 
       <div class="row"> 
        <div class="col-lg-12"> 
         <h1>Simple Sidebar</h1> 
         **{{> yield}}** 
        </div> 
       </div> 
      </div> 
</template> 

При нажатии на панели управления/Обзор должен оказывать ниже шаблон на правой части экрана

<template name ='Dashboard'> 
     <h1> testing dashboard</h1> 
</template> 

<template name ='Overview'> 
    <h1> testing Overview</h1> 
</template> 

Это мой routes.js

Router.route('/Dashboard', function(){this.render('Dashboard'); 
            }); 
Router.route('/Overview', function(){this.render('Overview'); 
            }); 


Router.route('/profiles/manuel', function() { 
this.layout('profileLayout'); 
this.render('profileDetail'); 
}); 

config.js:

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

ответ

0

1: Удалите тег тела.

2.Вставьте содержимое тега вашего тела внутри шаблона макета профиля. Это сработало для меня.

+0

Вы имеете в виду .. сделать это? <шаблон имя = 'profileLayout'>

{{> PageContent}}
blueren

+0

Да, это работало? –

+0

Я переработал весь контейнер. В основном удалены каждый шаблон, а затем создан один большой шаблон, охватывающий боковую панель, а также правый контейнер отображения. Я также установил шаблон по умолчанию в железном маршрутизаторе, чтобы указать на боковую панель, чтобы он отображался как статический на всех страницах. На данный момент это работает. Пока я не сломаю его снова. – blueren

 Смежные вопросы

  • Нет связанных вопросов^_^