angular http请求 return 没有返回值

Question

  public getList () {
    this.http.get('lottery/activity/activity-list', {
      // params: {pageSize: '20'},
    })
    .subscribe((res: any) => {
      if (res.resultCode == 200) {
        this.activityList = res.resultData;
        console.log(this.activityList);//有值
        return res.resultData; //在ts中注入service 使用这个方法没有值
      }
      // 加载成功之后做一些事
    }, (err: any) => {
    });
  }

  public OnInit () {
    this.activityList = this.activityService.getList();
    console.log(this.activityList);//这个是没有值的
  }

Answer 1

请求是异步的，你在 OnInit 中的同步代码自然打印不出来。

Answer 2

1. 首先你在一个observable中的subscribe中使用return是没用的.
2. 其次如果你的这个activityList是个数组，通过这个数组来遍历生成activity的话，你可以用个更高级的用法。 利用AsyncPipe

    <ng-container *ngFor="let activity of activityList | async">
        <activity [options]="activity"></activity>
    </ng-container>
    
    public activityList: Observable<Array<any>>;
    
    ngOnInit() {
        this.activityList = 
            this.http.get('lottery/activity/activity-list', {params: {pageSize: '20'} });
    }