Как выполнить в первой функции, а во второй canActivate()
У меня есть этот AuthGuard. В этом коде я хочу создать условие. Если мой resetpasss не нулевой, я хочу перейти сюда ResetPassIdComponent, иначе я хочу перейти в LoginFirstComponent.
Для этого я создаю AuthGuard.
export class AuthGuard implements CanActivate {
myappurl: any;
resetpasss: any;
constructor(private router: Router, private auth: LoginService) {
}
geturl() {
handleOpenURL((appURL: AppURL) => {
console.log('Got the following appURL1', appURL);
this.myappurl = appURL
let url_1 = this.myappurl.toString();
let url_id = url_1.split("/").reverse()[0];
this.resetpasss = url_id
let LS = require("nativescript-localstorage");
LS.setItem(this.resetpasss)
// this.router.navigateByUrl('/resetPasswordRequest/' + this.resetpasss);
console.log('this.resetpass1', this.resetpasss)
});
return true;
}
canActivate(): boolean {
this.geturl();
if (this.auth.isAuthenticated()) {
return true;
}
console.log('this.resetpasss2', this.resetpasss)
this.router.navigate(['/outsidelogin/login']);
return false;
}
}
Я нажимаю на ссылку из электронной почты, эта ссылка показывает мне в geturl(){..}
, Из этой функции geturl(){..}
Я получаю идентификатор и сохраняю в местном хранилище. Теперь в canActivate() я хочу создать условие для навигации по мне в компоненте, который я хочу.
Можете ли вы спросить меня, как создать условие?
Мой routing.ts
const routes: Routes = [
{
path: 'home',
component: HomeComponent,
canActivate: [AuthGuard],
children: [
{
path: 'fp', component: FirstPageComponent
}
]
},
{
path: 'outsidelogin',
component: outsideloginComponent,
children: [
{ path: 'login', component: LoginFirstComponent },
{ path: 'register', component: RegisterComponent },
]
},
{ path: '', redirectTo: '/home/fp', pathMatch: 'full' },
{ path: 'resetPasswordRequest/:id', component: ResetPassIdComponent }
];
1 ответ
Вы можете добавить условие в сам CanActivate(). Можете ли вы попробовать, как показано ниже?
canActivate(): boolean {
this.geturl();
if (this.auth.isAuthenticated()) {
return true;
} else if(this.resetpasss){
this.router.navigate([this.myappurl]);
}else{
this.router.navigate(['/outsidelogin/login']);
}
}