【问题标题】:Advice required on iron router and meteor关于铁路由器和流星需要的建议
【发布时间】:2016-08-24 15:53:32
【问题描述】:

如何获取左侧(侧边栏)的链接以在屏幕右侧打开单独的页面?

我一直在浏览一些由谷歌搜索提供的教程。我尝试将 {{> yield}} 放在正文中,但这样做会搞砸一切。我的理解是 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'
});

【问题讨论】:

    标签: twitter-bootstrap meteor iron-router


    【解决方案1】:

    1:删除body标签。

    2.在您的个人资料布局模板中包含您的正文标签的内容。 这对我有用。

    【讨论】:

    • 你的意思是..这样做?
    • 我对整个页面容器进行了重新设计。基本上删除了每个模板,然后创建了一个包含侧栏以及右侧显示容器的大模板。我还将 Iron Router 中的默认模板设置为指向侧边栏,以便它在所有页面上显示为静态。它现在有效。直到我再次打破它。
    猜你喜欢
    • 2015-08-11
    • 2014-09-03
    • 1970-01-01
    • 1970-01-01
    • 2014-06-03
    • 1970-01-01
    • 2016-01-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多