Типу X отсутствуют следующие свойства из типа «Наблюдаемый <X>»: _isScalar, источник, оператор, лифт и еще 6 - PullRequest
Новая
       15

Типу X отсутствуют следующие свойства из типа «Наблюдаемый <X>»: _isScalar, источник, оператор, лифт и еще 6

0 голосов
/ 16 марта 2020

Я запрашиваю несколько данных с сервера в моем PostService : 

getPosts(): Observable<Response> {
    return this.http.get<Response>(this._url, { headers: this.headers })
      .pipe(catchError(this.errorHandler));
}

, а затем вызываю эту функцию get в моем CategoryPageComponent : 

export class CategoryPageComponent implements OnInit {

  data: Observable<Response>;
  public posts= [];
  status;
  errorMsg;
  isLoaded: boolean = false

  constructor(private _navbarService: PostService, ) { }

  ngOnInit(): void {
    this.getCategoryPosts();
  }

  getCategoryPosts() {
    this._navbarService.getPosts().subscribe(
      data => {
        if (!data) {
          console.log(Error)
        } else {

          //Error here
          this.data = data;

          console.log(data)
          this.posts = data.result.BlogPost
          console.log(this.posts)
        }
      }) 
  }
}

Я хочу связать данные как загруженные: 

<div *ngIf="data | async">
      <h4>{{posts[0].Title}}</h4>
</div>

Однако я получаю следующую ошибку для следующего назначения в моем компоненте 

this.data = data;

 Type 'Response' is missing the following properties from type 'Observable<Response>': _isScalar, source, operator, lift, and 6 more.

1 Ответ

1 голос
/ 16 марта 2020

Вы должны назначить this.data = this._navbarService.getPosts(), вместо этого вы назначаете полученные данные.

...