Commit 4e19ed9b authored by 神楽坂玲奈's avatar 神楽坂玲奈

routing

parent 2601cab8
#wrapper{
padding-top: 60px;
margin-bottom: 60px;
}
\ No newline at end of file
......@@ -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
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) { }
}
......@@ -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
import { Injectable } from '@angular/core';
@Injectable()
export class RoutingService {
component = 'lobby';
app;
}
\ No newline at end of file
<!-- 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
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment