title: Conditional <router-outlet>
body: <p>I have a router outlet on the parent page, which shows "Hello World!"</p>
  
  <pre><code>&lt;base href="/"&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"&gt;
  &lt;body style="height: auto; min-height: 100%;"  class="skin-blue sidebar-mini"&gt;
          &lt;div id="wrapper"&gt;
              &lt;app-header&gt;&lt;/app-header&gt;
              &lt;app-menubar&gt;&lt;/app-menubar&gt;
          &lt;div class="content-wrapper" style="min-height:92vh"&gt;
              &lt;section id="MainContent" &gt;
              &lt;div class="content container-fluid body-content" style="background-image: url('./assets/Images/bg.jpg'); min-height: 615px;"&gt;
                  &lt;router-outlet&gt;
  
                    Hello World! 
  
                  &lt;/router-outlet&gt;
              &lt;/div&gt;
              &lt;/section&gt;
           &lt;/div&gt;
              &lt;footer class="main-footer navbar-fixed-bottom"&gt;
                      &lt;div class="col-sm-12 text-center pull-left"&gt;
  
                          &lt;small &gt; Version 1.0&lt;/small&gt;
                       &lt;/div&gt;
              &lt;/footer&gt;
          &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I want "Hello World!" Text to appear only parent page and NOT on any child pages. But the rest of the menu items and footer remain same all child pages.</p>
  
  <p><strong>route-definations.ts</strong></p>
  
  <pre><code> { path:'parentPage',component:MasterComponent, canActivate:[AuthGuard],
      children:[
          { path:'ChildPage1',component:ChildPage1Component},
          { path:'ChildPage2',component:ChildPage2Component},
             ]
      },
  </code></pre>
  
  <p>Is it possible to make a conditional statement to show "Hello world!" in parent page and not in all child pages?</p>