routing

app/mycard.component.css

+#wrapper{
+    padding-top: 60px;
+    margin-bottom: 60px;
+}
\ No newline at end of file

app/mycard.component.html

@@ -47,8 +47,9 @@
         </div>
     </nav>
 </div>-->
-
-<login></login>
-<store></store>
-<lobby></lobby>
-<community></community>
\ No newline at end of file
+<div id="wrapper">
+<login [hidden]="routingService.component != 'login'"></login>
+<store [hidden]="routingService.component != 'store'"></store>
+<lobby [hidden]="routingService.component != 'lobby'"></lobby>
+<community [hidden]="routingService.component != 'community'"></community>
+</div>
\ No newline at end of file

app/mycard.component.ts

 import { Component } from '@angular/core';
+import { RoutingService } from './routing.service';
 @Component({
   selector: 'mycard',
   templateUrl: 'app/mycard.component.html',
   styleUrls: ['app/mycard.component.css'],
 })
-export class MyCardComponent { }
+export class MyCardComponent {
+  constructor(private routingService: RoutingService) { }
+}

app/mycard.module.ts

@@ -6,10 +6,13 @@ import { StoreComponent } from './store.component';
 import { LobbyComponent } from './lobby.component';
 import { CommunityComponent } from './community.component';
 
+import { RoutingService } from './routing.service';
+
 
 @NgModule({
   imports:      [ BrowserModule ],
   declarations: [ MyCardComponent, LoginComponent, StoreComponent, LobbyComponent, CommunityComponent ],
-  bootstrap:    [ MyCardComponent ]
+  bootstrap:    [ MyCardComponent ],
+  providers:    [ RoutingService ],
 })
 export class MyCard { }
\ No newline at end of file

app/routing.service.ts

+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class RoutingService {
+    component = 'lobby';
+    app;
+}
\ No newline at end of file

app/store.component.html

-<!-- Begin page content -->
-<div class="container">
-    <div class="m-t-1">
-        <h1>Sticky footer with fixed navbar</h1>
-    </div>
-    <p class="lead">Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with <code>padding-top: 60px;</code> on the <code>body &gt; .container</code>.</p>
-    <p>Back to <a href="../sticky-footer">the default sticky footer</a> minus the navbar.</p>
-</div>
-
-<footer class="footer">
-    <div class="container">
-        <span class="text-muted">Place sticky footer content here.</span>
-    </div>
-</footer>
\ No newline at end of file
+store
\ No newline at end of file