Those are routes that defined in my app.routes.ts
export const routes: RouterConfig = [
{ path: '', component: HomeComponent, terminal: true },
{ path: 'home', component: HomeComponent, terminal: true },
{ path: '*', component: HomeComponent },
...UserClaimsRoutes
];
This is my app.component.html
<ul class="nav navbar-nav">
<li><a class="navigationLinkButton"
[routerLink]="['/home']">Home</a></li>
<li><a class="navigationLinkButton"
[routerLink]="['/newrequest']">New Request</a></li>
</ul>
</div>
</nav>
<router-outlet></router-outlet>
Initially, I am landing at Home page, using the following code in
app.component.ts
ngOnInit() {
this.router.navigate(['/home']);
Home.component.html has the following links:
<div class="panel-body">
<div class="panel-primary"><a
[routerLink]="['/UserClaims']">User Claims</a></div>
<div class="panel-primary"><a
[routerLink]="['/SearchByTrackingId']">Search By Tracking ID</a></div>
When I click UserClaims, it goes to UserClaims page. Very good!
When I click Home button, I want to activate HomeComponent again and see
all links and to select another link, however, nothing is happening, i
still see UserClaims page
If I select New Request, which is on app.component,html, I am going to this
page. From there, I can select Home, and it goes to Home page.
How can I always activate Home and see all my links and be able to activate
another link? What I am missing here?
Thanks!
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
