Angular 角度2-第二次尝试访问链路/组件时,RouteChange不工作
主页组件的我的htmlAngular 角度2-第二次尝试访问链路/组件时,RouteChange不工作,angular,Angular,主页组件的我的html <nav class="navbar navbar-default"> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li [class.active]="makeActive('home')"><a routerLink="h
<nav class="navbar navbar-default">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li [class.active]="makeActive('home')"><a routerLink="home">Users</a></li>
<li [class.active]="makeActive('posts')"><a routerLink="posts">Posts</a></li>
</ul>
</nav>
<div class="container">
<router-outlet></router-outlet>
</div>
这是因为
routerLink
采用相对路径
如果您转到/home
,它会将新用户
附加到/home/…
要解决此问题,必须在新用户
之前添加一个'/'
:
<p><a class="btn btn-primary" routerLink="/Newuser">Add User</a></p>
添加用户
浏览器控制台中有任何错误吗?我没有看到任何错误。。。当我单击adduser时,它只是将newuser附加到URL。您可以发布您的路由模块吗?
import {Router, RouterModule} from '@angular/router';
import {HomeComponent} from './home.component';
import {PostsComponent} from './posts.component';
import {UserAdditionComponent} from './user-addition.component'
export const routing = RouterModule.forRoot([
{path: '', component: HomeComponent},
{path: 'posts', component: PostsComponent},
{path: 'Newuser', component: UserAdditionComponent},
{path: '**', component: HomeComponent}
])
<p><a class="btn btn-primary" routerLink="/Newuser">Add User</a></p>