github/JavaScriptServices
1
1
Fork 0
mirror of https://github.com/aspnet/JavaScriptServices.git synced 2025-12-25 19:17:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change Angular 2 template to use app-style layout, like the React template

Browse Source
This commit is contained in:
SteveSandersonMS
2016-02-29 11:11:07 +00:00
parent d102fdb363
commit 97ac684652
10 changed files with 134 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
templates/Angular2Spa/ClientApp/components/nav-menu/nav-menu.html Normal file
View File

@@ -0,0 +1,33 @@
<div class='main-nav'>
<div class='navbar navbar-inverse'>
<div class='navbar-header'>
<button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse'>
<span class='sr-only'>Toggle navigation</span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</button>
<a class='navbar-brand' [routerLink]="['/Home']">WebApplicationBasic</a>
</div>
<div class='clearfix'></div>
<div class='navbar-collapse collapse'>
<ul class='nav navbar-nav'>
<li>
<a [routerLink]="['/Home']">
<span class='glyphicon glyphicon-home'></span> Home
</a>
</li>
<li>
<a [routerLink]="['/Counter']">
<span class='glyphicon glyphicon-education'></span> Counter
</a>
</li>
<li>
<a [routerLink]="['/About']">
<span class='glyphicon glyphicon-th-list'></span> Fetch data
</a>
</li>
</ul>
</div>
</div>
</div>