Empfehlung für Eisenrouter und Meteor

Wie bekomme ich die Links auf der linken Seite (Seitenleiste), um separate Seiten auf der rechten Seite des Bildschirms zu öffnen?Empfehlung für Eisenrouter und Meteor

Ich habe einige der Tutorials durch Google-Suchen durchlaufen. Ich versuche, den {{> yield} in den Körper zu bringen, aber es macht alles kaputt. Meines Erachtens muss der Ertrag dort platziert werden, wo auch immer die geroutete Seite erscheinen soll. Bitte lassen Sie mich wissen, wie ich damit umgehen soll.

Hier ist mein Code so weit:

<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>

Ein Klick auf Armaturenbrett/Übersicht der unter Vorlage meine routes.js auf der rechten Seite des Bildschirms

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

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

Dies ist machen sollte

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' 
});

Quelle

2016-04-29 blueren

1: Entfernen Sie den Body-Tag.

2. Enthalten Sie den Inhalt Ihres Body-Tags in Ihrer Profillayoutvorlage. Das hat für mich funktioniert.

Quelle

2016-04-29 17:58:45

Sie meinen .. tun Sie das? – blueren

Ja, hat es funktioniert? –

Ich habe den ganzen Seitencontainer überarbeitet. Grundsätzlich wurde jede Vorlage entfernt und dann eine große Vorlage erstellt, die die Seitenleiste sowie den rechten Display-Container umfasst. Ich habe auch die Standardvorlage in Eisen-Router auf die Seitenleiste zeigen, so dass es auf allen Seiten statisch angezeigt wird. Es funktioniert, für jetzt. Bis ich es wieder breche. – blueren

Antwort

Verwandte Themen