Question

在一个角度5项目中，我想在加载视图之前执行一个解析器。问题是我想从解析器返回的数据取决于可观察的数据。这是代码：

解析器：

@Injectable()
export class PlayersResolver implements Resolve<any> {
  constructor(private playersSrv: PlayersService) {
    this.playersSrv.getStandings();
  }

  resolve() {
    return this.playersSrv.standings$;
  }
}

解析器使用的服务：

@Injectable()
export class PlayersService {
  standingsSubject = new ReplaySubject<any>();
  standings$ = this.standingsSubject.asObservable();

  constructor(private http: HttpClient) {}

  getStandings(): void {
    this.http.get('http://localhost:8080/api/fixtures/standings')
      .subscribe((response: any) => {
        this.standingsSubject.next(response);
      });
  }
}

使用此代码尝试导航到视图时会显示任何内容。有关如何实现解决方案以获取组件中的数据的任何想法？

由于

Answer 1

1.从服务功能返回可观察性。 2.从服务中删除订阅。 3.只需调用service方法中的service函数，该方法返回对服务函数inturn的调用，返回一个可观察的

resolve():observable<any>{
return  this.playersSrv.getStandings().map((data)=>{//do something with data})
}

4.Resolve guard自动订阅服务调用，下一个路由仅在解析后加载

Angular执行解析with observable

1 个答案: