Как бы получить ссылки слева (боковая панель), чтобы открыть отдельные страницы в правой части экрана?Совет, требуемый для железного маршрутизатора и метеора
Я изучал некоторые учебные пособия, которые выполняются поисковыми запросами 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'
});
Вы имеете в виду .. сделать это? <шаблон имя = 'profileLayout'>
Да, это работало? –
Я переработал весь контейнер. В основном удалены каждый шаблон, а затем создан один большой шаблон, охватывающий боковую панель, а также правый контейнер отображения. Я также установил шаблон по умолчанию в железном маршрутизаторе, чтобы указать на боковую панель, чтобы он отображался как статический на всех страницах. На данный момент это работает. Пока я не сломаю его снова. – blueren