在Angular中写入重定向服务会导致空注入错误
我正在尝试编写Angular（11.2.9）路由服务，它主要使我能够自动将使用从一个站点路由到指定的站点 例如：当来宾用户访问站点时，可以通过一个按钮登录到他的帐户（如果他已经注册），该按钮将他路由到“登录页面”。当用户登录到该站点时，单击前面提到的“否”按钮，但当用户在地址栏中键入“/prijava”时，仍然可以登录。我想自动从“/prijava”（和其他类似的站点）重定向到指定的站点（现在是硬编码的） prijava.component.ts：在Angular中写入重定向服务会导致空注入错误,angular,typescript,url-routing,angular11,Angular,Typescript,Url Routing,Angular11,我正在尝试编写Angular（11.2.9）路由服务，它主要使我能够自动将使用从一个站点路由到指定的站点 例如：当来宾用户访问站点时，可以通过一个按钮登录到他的帐户（如果他已经注册），该按钮将他路由到“登录页面”。当用户登录到该站点时，单击前面提到的“否”按钮，但当用户在地址栏中键入“/prijava”时，仍然可以登录。我想自动从“/prijava”（和其他类似的站点）重定向到指定的站点（现在是硬编码的） prijava.component.ts： import { Component, OnI
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { AvtentikacijaService} from '../../storitve/avtentikacija.service';
import { PovezavaService } from '../../storitve/povezava.service';
import { UsmerjanjeService} from '../../storitve/usmerjanje.service';
import { ZgodovinaService } from '../../storitve/zgodovina.service';
@Component({
selector: 'app-prijava',
templateUrl: './prijava.component.html',
styleUrls: ['./prijava.component.css']
})
export class PrijavaComponent implements OnInit {
public href: string ="";
constructor(
private usmerjevalnik: Router,
private avtentikacijaStoritev: AvtentikacijaService,
private usmerjanjeStoritev: UsmerjanjeService,
) {}
/*Other variables, etc. Sending the data*/
ngOnInit() {
//the routing service is called here ,I'd like to check as soon as posibile for these conditions
this.usmerjanjeStoritev.preusmeriNezazelene();
}
}
import { Router} from '@angular/router';
import {AvtentikacijaService} from './avtentikacija.service';
export class UsmerjanjeService {
constructor(
private usmerjevalnik: Router,
private avtentikacijeStoritev: AvtentikacijaService
) { }
//redirect unwanted sites,
public preusmeriNezazelene():void{
//if the user is logged in
if(this.avtentikacijeStoritev.jePrijavljen()){
//redirect from /login, /registration, /passwordRecovery
//just for printing something out
console.log(this.usmerjevalnik.url);
}
}
}
import { Injectable } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';
import { filter } from 'rxjs/operators';
@Injectable({
providedIn: 'root'
})
export class ZgodovinaService {`
private urlNaslovi: string[] = [];
constructor(private usmerjevalnik: Router) {
this.usmerjevalnik.events
.pipe(filter(dogodekUsmerjanja => dogodekUsmerjanja instanceof NavigationEnd))
.subscribe((dogodekUsmerjanja: NavigationEnd) => {
const url = dogodekUsmerjanja.urlAfterRedirects;
this.urlNaslovi = [...this.urlNaslovi, url];
})
}
//filters last urls without the unwanted ones -> navigation back
public vrniPredhodnjeUrlNaslove(): string {
const dolzina = this.urlNaslovi.length;
return dolzina > 1 ? this.urlNaslovi[dolzina - 2] : '/';
}
//filters last urls without the unwanted ones -> navigation back
public vrniPredhodnjeUrlNasloveBrezIzbranih(): string {
const izloci: string[] = ['/registracija', '/prijava', '/obnoviGeslo','/vnesiNovoGeslo/:eposta',
'/uporabniki/:idUporabnika', ];
const filtrirano = this.urlNaslovi.filter(url => !izloci.includes(url));
const dolzina = filtrirano.length;
return dolzina > 1 ? filtrirano[dolzina - 1] : '/';
}
}
此处输入代码类型“（）=>void”不可分配给类型“（路由：ActivatedRouteSnapshot，状态：RouterStateSnashot）=>boolean | UrlTree | Observable | Promise”。
类型“void”不可分配给类型“boolean | UrlTree | Observable | Promise”。ts` 另外，我还有一个历史服务，有什么我可以（重新）使用该脚本吗 zgodovina.service.ts：
import { Router} from '@angular/router';
import {AvtentikacijaService} from './avtentikacija.service';
export class UsmerjanjeService {
constructor(
private usmerjevalnik: Router,
private avtentikacijeStoritev: AvtentikacijaService
) { }
//redirect unwanted sites,
public preusmeriNezazelene():void{
//if the user is logged in
if(this.avtentikacijeStoritev.jePrijavljen()){
//redirect from /login, /registration, /passwordRecovery
//just for printing something out
console.log(this.usmerjevalnik.url);
}
}
}
import { Injectable } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';
import { filter } from 'rxjs/operators';
@Injectable({
providedIn: 'root'
})
export class ZgodovinaService {`
private urlNaslovi: string[] = [];
constructor(private usmerjevalnik: Router) {
this.usmerjevalnik.events
.pipe(filter(dogodekUsmerjanja => dogodekUsmerjanja instanceof NavigationEnd))
.subscribe((dogodekUsmerjanja: NavigationEnd) => {
const url = dogodekUsmerjanja.urlAfterRedirects;
this.urlNaslovi = [...this.urlNaslovi, url];
})
}
//filters last urls without the unwanted ones -> navigation back
public vrniPredhodnjeUrlNaslove(): string {
const dolzina = this.urlNaslovi.length;
return dolzina > 1 ? this.urlNaslovi[dolzina - 2] : '/';
}
//filters last urls without the unwanted ones -> navigation back
public vrniPredhodnjeUrlNasloveBrezIzbranih(): string {
const izloci: string[] = ['/registracija', '/prijava', '/obnoviGeslo','/vnesiNovoGeslo/:eposta',
'/uporabniki/:idUporabnika', ];
const filtrirano = this.urlNaslovi.filter(url => !izloci.includes(url));
const dolzina = filtrirano.length;
return dolzina > 1 ? filtrirano[dolzina - 1] : '/';
}
}
如何正确实现重定向服务？如果在某些情况下，您希望将用户重定向到另一个路由而不是/prijava，例如从登录页面重定向，如果用户已经登录，我将为该路由添加路由保护，如下所述： route guard可以返回url树，以指定重定向到或返回e的位置。g
true