angular 路由跳转之后有跳到默认首页

问题：点击“忘记密码”，跳转到忘记密码界面之后，路由里面为空了，有调到默认的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="#"是一种临时链接的写法,这样写就是说这个链接目前不可用,点击了也不会有作用,还是会跳转到本页,当#被有效链接替换才会起作用。