我如何让我的代码按时返回结果

Question

我有这个功能，我想从一个特定的端点获取最喜欢的电影，使用 angular。从类方法中获取所有电影列表后，当我尝试使用该列表时，我看到该列表不可用。

这是我尝试过的。

    import { Injectable } from '@angular/core';
    import {HttpClient} from '@angular/common/http'
    import {Observable} from 'rxjs'
    import { map, tap } from 'rxjs/operators';
    import { IMovie } from './welcome/welcome-page/movies-model';

    @Injectable({
      providedIn: 'root'
    })
     export class FavoriteMoviesService {
        movieList: IMovie[];
        constructor(private _http: HttpClient) {
      }

      getFavMovies(id: number) {
        let getMovies = () => {
          return this._http.get('../assets/movies.json').pipe(
          tap(response => console.log(response))
          ).subscribe(response => response = this.movieList)
       }
         getMovies();
         let chosenMovie = this.movieList? this.movieList.find(movie => movie.id == id): Array(null)
         console.log(chosenMovie)
         }   
      }

我真的不明白程序的流程，我认为在调用函数 getMovies() 时设置了 movieList 属性，但局部变量 selectedMovie 没有获得所需的值。 请对此行为进行任何解释？

Answer 1

在使用电影列表之前，您应该等待响应。修改如下函数，以便在收到响应后处理它。

      getFavMovies(id: number) {
        this._http.get('../assets/movies.json').pipe(
          tap(response => console.log(response))
          ).subscribe(response => {
              this.movieList = response;
              let chosenMovie = this.movieList? this.movieList.find(movie => movie.id == id): Array(null);
              console.log(chosenMovie)
            })
      }

Answer 2

将this.moviesList 值分配给在http 调用后获得的response 这样做是错误的：response = this.movieList:

let getMovies = () => {
          return this._http.get('../assets/movies.json').pipe(
          tap(response => console.log(response))
          ).subscribe(response => this.moviesList = response.data; // whatever is your object for movielist)
       }

由于movieList 为空，它会返回空响​​应，因此没有结果。

您应该在订阅块中返回response。