generator-angular2-with-router
Version:
A simple angular2 application having 3 pages with angular2 in build router to navigate between pages. It have all basic functionality which a standard angualr2 application needed.
30 lines (29 loc) • 1.44 kB
HTML
<nav class="navbar navbar-light " style="background-color: #e3f2fd;">
<a class="navbar-brand" href="#">Aniruddh</a>
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-link" routerLink="" routerLinkActive="active">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" [routerLink]="['/add', {outlets: {'heading': null}}]" routerLinkActive="active">Add</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/update" routerLinkActive="active">Update</a>
</li>
<li class="nav-item">
<a class="nav-link" [routerLink]="['/remove', {outlets: {'message': null}}]" routerLinkActive="active">Delete</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="supportedContentDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu" aria-labelledby="supportedContentDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
<form class="form-inline float-xs-right">
<input class="form-control" type="text" placeholder="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</nav>