Angular 9(Angular材质)在注册无效后重定向用户

问题描述 投票:0回答:1

我正在使用Angular 9和Angular材质并结合了引导程序。当用户在这个陡峭的区域中注册后,说明将它们重定向到登录页面,但是当我按下按钮时,为什么以某种方式忽略了路线导航]

The signup.TS

onSubmit(){
    if(this.userName.invalid && this.email.invalid && this.password.invalid) 
    return;
    let credentials={
      userName: this.userName.value,
      email: this.email.value,
      password: this.password.value
    }
    this.auth.signUp(credentials).subscribe(data=>{
      this.router.navigate[('/login')]
      console.log('signed') -> this line works!
    })    
  }

验证服务:TS

    private currentUserSubject:BehaviorSubject<User>
  currentUser: Observable<User>
  constructor(private http: HttpClient) { 
    this.currentUserSubject = new BehaviorSubject<User>(JSON.parse(localStorage.getItem('currentUser')));   
     this.currentUser= this.currentUserSubject.asObservable(); 
  }

isLoggedIn():boolean{
  const user = JSON.parse(localStorage.getItem('currentuser'));
  return (!user==null)?true:false
}

public get currentUserValue(): User {
  return this.currentUserSubject.value;
}


signUp(credentials:any){
  console.log(credentials)
  return this.http.post<any>('/users/register', credentials);
}

login(credentials){
  console.log(credentials)
  return this.http.post<any>('/users/authenticate', credentials)
  .pipe(map(user => {
    if (user)
      localStorage.setItem('currentUser', JSON.stringify(user));
    return user;
  }))
}

logOut(){
  localStorage.removeItem('currentUser')
  console.log('loggedout')
}

奇怪的是,在预订方法中,路由器指令下方有一个控制台日志,并且该日志出现!为什么不重定向?我的登录有类似的问题;我的意思是,用户登录后,没有返回网址,也没有“ home”组件,日志仍然有效...

我正在使用Angular 9和Angular材质并结合了引导程序。在用户进行了更陡峭的注册后,这些说明将它们重定向到登录页面,但是以某种方式将路线导航为...

angular authentication router
1个回答
0
投票
© www.soinside.com 2019 - 2024. All rights reserved.