Angular 用 observable 执行解析

Question

在 Angular 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.从服务函数返回 observable。 2.从服务中删除订阅。 3.只需在resolve方法中调用服务函数，返回对服务函数的调用，然后返回一个observable

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

4.Resolve Guard 自动订阅服务调用，下一个路由只有在解决后才会加载