2015-01-29 2 views
1

로그인 페이지에 내 환영 텍스트와 Google을 통한 로그인이 표시되는 유성 앱을 만들려고합니다. 내 다른 페이지에는 navbar가 있습니다. 이 로그인 페이지에서 Navbar를 제외하려면 어떻게합니까? 라우터와 관련이 있습니까? 내가 부르는 특별한 방법이 있나요?유성의 특정 페이지에있는 탐색 바 제외하기

답변

1

이와 같이 2 개의 레이아웃을 만들 수 있습니다.

<template name="layout"> 
    <!-- Regular Stuff for the other pages You can place the navbar here --> 
    {{> yield}} 
    </template> 

    <template name="layoutLogin"> 
    <!-- Just Login Pages --> 
    {{> yield}} 
    </template 

이제 자바 스크립트 코드.

Router.map(function() { 
    this.route('home', { 
    path: '/', 
    layoutTemplate: 'layout'} 
      ); 
}); 

    //Here we tell to render the template login, on the path /login and use the content on the layoutLogin 
    Router.map(function() { 
      this.route('login', { 
      path: '/login', 
      layoutTemplate: 'layoutLogin'} 
        ); 
     }); 

작동하는 경우 알려주십시오.

0

당신은 단지 네비게이션 바의 템플릿을 생성하고 그것을 포함 할 수 있습니다 나는 두 개의 템플릿을 설정 한 다음 일 다음을 사용

<template name="top_navbar"> 
     <!--your navbar code --> 
</template> 


<template name="mypage"> 
    {{> top_navbar}} 
    <!-- rest of code for my page --> 
</template> 

<template name="mylogin"> 
    <!-- rest of code for login page --> 
</template> 
0

필요한 곳! 기본 레이아웃은 탐색 모음이있는 레이아웃이며 환영 레이아웃은없는 레이아웃입니다.

Router.configure({ 
    layoutTemplate: 'primaryLayout' 
}); 
Router.route('/', {layoutTemplate: 'welcomeLayout'}); 

감사합니다!

0

문제를 훨씬 쉽게 해결할 수 있습니다. 탐색 및 기타 레이아웃을 제외 할 특정 페이지에 대해 layoutTemplate을 null로 설정하면됩니다. 이 경우 로그인 페이지의 탐색을 제외합니다.

Router.route('login', { 
     layoutTemplate: '' //the default template is set to null using '' 
    });