问题:点击“忘记密码”,跳转到忘记密码界面之后,路由里面为空了,有调到默认的login页面了
路由配置如下:
首页调整按钮:
login.html里面的代码:
<li class="right_link"><a href="#" (click)="forgetPwd()">忘记密码</a></li>
app-routing.ts
const routes: Routes = [
{
path: '',
redirectTo: 'login',
pathMatch: 'full'
},
{
path: 'login',
component: LoginComponent
},
{
path: 'forgetpwd',
component: ForgetPwdComponent
}
];
解决方法:将 <li class="right_link"><a href="#" (click)="forgetPwd()">忘记密码</a></li>中的href="#"去掉就好了。也就是改为
<li class="right_link"><a (click)="forgetPwd()">忘记密码</a></li>
这个href="#"是一种临时链接的写法,这样写就是说这个链接目前不可用,点击了也不会有作用,还是会跳转到本页,当#被有效链接替换才会起作用。