2016-04-29 14 views
0

画面の右側に別のページを開くにはどうすれば左側のサイドバーにリンクが表示されますか?アイアンルーターと流星に必要なアドバイス

私は、Google検索で提供されているチュートリアルのいくつかを行ってきました。私は身体に{{>歩留まり}}を入れようとしますが、それはすべてを駄目にします。私の理解は、経路指定されたページが出現しなければならないところに収穫を置かなければならないということです。私はこれについてどうやって行くのか教えてください。ここで

は、これまでの私のコードです:ダッシュボード/概要に

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

をクリックすると、これは私のroutes.jsで、画面の右

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

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

に以下のテンプレートをレンダリングする必要があります

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:bodyタグを削除します。

2. bodyタグの内容をプロファイルレイアウトテンプレート内に含めます。 これは私のために働いた。

+0

これはどういう意味ですか? <テンプレート名= 'profileLayout'>

{{> PageContent}}
blueren

+0

はい、それは動作したのですか? –

+0

私はページコンテナ全体を改造しました。基本的に各テンプレートを削除し、サイドバーと右ディスプレイコンテナを含む1つの大きなテンプレートを作成しました。私はまた、すべてのページに静的に表示されるようにサイドバーを指すように鉄のルータのデフォルトのテンプレートを設定します。それは今のところ機能します。私が再びそれを壊すまで。 – blueren