Angular execute resolve with observable

Question

角度5のプロジェクトでは、ビューがロードされる前にリゾルバを実行します。問題は、リゾルバから戻したいデータが観測可能なデータに依存していることです。何が表示されているビューに移動しようとしたときに、このコードで

@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); 
     }); 
    } 
} 

：

リゾルバ：リゾルバが使用する

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

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

サービスこれはコードです。どのように私のコンポーネント内のデータを取得する解決策を実装することができますか？

ありがとうございます。

Answer 1

1.サービス機能から観察してください。 2.サービスから購読を削除します。 は自動的に観測可能

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

4.Resolveガードを返すサービスコールに加入すると次のルートは、そのが解決する場合にのみロードされているサービス機能これにより、次にへのコールを返す解決方法でサービス関数を呼び出し3.Just