title: Angular-6 can't hide app header and footer in Sign in page and signup page
body: <p>I'm beginner for the Angular-6 , I created the project  then I have a small issue in <code>Create Account</code> page &amp; <code>Sign in page</code> showing the app-header and app-footer. but i don't want to show that page on app-header &amp; app-footer i want to know how to do that correctly display on <code>apirequest page</code> .</p>
  
  <p>That is my code part</p>
  
  <p><strong>app-routes.ts</strong></p>
  
  <pre><code>export const Approutes: Routes = [
        {path: '', redirectTo: '/signup', pathMatch: 'full'},
        {path: 'home', component: HomeComponent},
        {path: 'signup', component: SignupComponent},
        {path: 'signin', component: SigninComponent},
        {path: 'forgotpassword', component: ForgotpasswordComponent},
        {path: 'apirequest', component: ApirequestComponent},
  ];
  </code></pre>
  
  <p><strong>app.component.html</strong></p>
  
  <pre><code>&lt;app-header&gt;&lt;/app-header&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;app-footer&gt;&lt;/app-footer&gt;
  </code></pre>
  
  <p>Thanks</p>