huahaofeng
/
aspnetcore
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Use real component syntax for NavLink/NavMenu

This commit is contained in:
Ryan Nowak 2018-03-08 22:20:22 -08:00 committed by Steve Sanderson
parent 0c162e8c5a
commit 49c0596405
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
samples/StandaloneApp/Shared/MainLayout.cshtml
View File

@ -3,7 +3,7 @@
<div class='container-fluid'> <div class='container-fluid'>
<div class='row'> <div class='row'>
<div class='col-sm-3'> <div class='col-sm-3'>
<c:NavMenu /> <NavMenu />
</div> </div>
<div class='col-sm-9'> <div class='col-sm-9'>
@Body @Body

13
samples/StandaloneApp/Shared/NavMenu.cshtml
View File

@ -13,20 +13,19 @@
<div class='navbar-collapse collapse'> <div class='navbar-collapse collapse'>
<ul class='nav navbar-nav'> <ul class='nav navbar-nav'>
<li> <li>
<!-- The 'c:' prefix and parens are workarounds for a Razor compilation issue and will be removed soon. --> <NavLink href="/">
<c:NavLink href=@("/")>
<span class='glyphicon glyphicon-home'></span> Home <span class='glyphicon glyphicon-home'></span> Home
</c:NavLink> </NavLink>
</li> </li>
<li> <li>
<c:NavLink href=@("/counter")> <NavLink href="/counter">
<span class='glyphicon glyphicon-education'></span> Counter <span class='glyphicon glyphicon-education'></span> Counter
</c:NavLink> </NavLink>
</li> </li>
<li> <li>
<c:NavLink href=@("/fetchdata")> <NavLink href="/fetchdata">
<span class='glyphicon glyphicon-th-list'></span> Fetch data <span class='glyphicon glyphicon-th-list'></span> Fetch data
</c:NavLink> </NavLink>
</li> </li>
</ul> </ul>
</div> </div>