如果刷新同一頁面，解析器不會重新加載數據[角度]

Question

當我第一次導航到我的組件時，解析器從我的 api 獲取數據，但是如果我刷新頁面，數據將是未定義的，我試圖制作

runGuardsAndResolvers: 'always'但這是同一個問題

這是我的**解析器服務**

export class ResolverService implements  Resolve<StockProd> {

    public stockProd;

    constructor(private stockprodService: StockprodService,
                private router: Router) {
    }

    //resolve(route: ActivatedRouteSnapshot): Promise<> {
        resolve(route: ActivatedRouteSnapshot): Promise <StockProd> {
            this.stockprodService.get(route.params.id).subscribe(product => {
                if (!product) { // When product is empty redirect 404
                    this.router.navigateByUrl('/auth/404', {skipLocationChange: true});
                } else {
                    this.stockProd = product
                    localStorage.setItem(this.stockProd.id, this.stockProd);
                }
            })
            return this.stockProd;
        }



}

這是我的道路：

    path: 'collection/fiche-technique/:id',
    component: FicheTechniqueComponent,
    runGuardsAndResolvers : 'always',
    resolve: {
       data : ResolverService
    }, ```

Answer 1

當我第一次導航到我的組件時，解析器從我的 api 獲取數據，但是如果我刷新頁面，數據將是未定義的，我試圖制作

runGuardsAndResolvers: 'always'但這是同一個問題

這是我的**解析器服務**

export class ResolverService implements  Resolve<StockProd> {

    public stockProd;

    constructor(private stockprodService: StockprodService,
                private router: Router) {
    }

    //resolve(route: ActivatedRouteSnapshot): Promise<> {
        resolve(route: ActivatedRouteSnapshot): Promise <StockProd> {
            this.stockprodService.get(route.params.id).subscribe(product => {
                if (!product) { // When product is empty redirect 404
                    this.router.navigateByUrl('/auth/404', {skipLocationChange: true});
                } else {
                    this.stockProd = product
                    localStorage.setItem(this.stockProd.id, this.stockProd);
                }
            })
            return this.stockProd;
        }



}

這是我的道路：

    path: 'collection/fiche-technique/:id',
    component: FicheTechniqueComponent,
    runGuardsAndResolvers : 'always',
    resolve: {
       data : ResolverService
    }, ```