小编Pop*_*ack的帖子

路由器解析器未呈现组件

我有这个路由器解析器,用于从Google Firestore检索数据。我正在尝试使用解析器来预先获取数据。当我将调试器放置在resolve函数上时,它将向我显示从服务器检索的数据。但是它永远不会从resolve()方法返回。谁能帮我一下。

路由模块

const routes: Routes = [
    { path: '', component: HomeComponent},
    { path: 'projects', component: ProjectsComponent, resolve: {projectData: ProjectResolver} },
    { path: 'about', component: AboutComponent}
];
Run Code Online (Sandbox Code Playgroud)

应用模块

  providers: [
    ProjectService,
    ProjectResolver
  ],
Run Code Online (Sandbox Code Playgroud)

解析器服务

import { Observable } from 'rxjs';
import { ActivatedRouteSnapshot, RouterStateSnapshot, Resolve } from '@angular/router';
import { Injectable } from '@angular/core';
import { ProjectService } from './project.service';
import { map } from "rxjs/operators";
import { Project } from './project.model';

@Injectable()
export class ProjectResolver implements Resolve<Project[]> { …
Run Code Online (Sandbox Code Playgroud)

angular-component-router angular angular-resolver

5
推荐指数
1
解决办法
1170
查看次数