Async Pipe не обрабатывает подписку как ожидается в приложении Angular 2


4 принят
records$: Observable<any>;

ngOnInit() {
  this.records$ = this.clientService.getAll(1, this.pagesize);
}

в представлении (если вы используете Angular 4+):

<table *ngIf="records$ | async as records">
  <tr *ngFor="let record of records.data">

4

const recordsявляется локальной переменной. Вы должны сделать это поле, чтобы шаблон имел доступ к этой переменной.

Пример:

public records: any;
ngOnInit() {
    this.records = this.clientsService.getAll(1, this.pagesize);
    console.log(this.records);
}
JavaScript, угловые, наблюдаемые, angular2-наблюдаемые,

javascript,angular,observable,angular2-observables,

2

Ответов: 2


4 принят
records$: Observable<any>;

ngOnInit() {
  this.records$ = this.clientService.getAll(1, this.pagesize);
}

в представлении (если вы используете Angular 4+):

<table *ngIf="records$ | async as records">
  <tr *ngFor="let record of records.data">

4

const recordsявляется локальной переменной. Вы должны сделать это поле, чтобы шаблон имел доступ к этой переменной.

Пример:

public records: any;
ngOnInit() {
    this.records = this.clientsService.getAll(1, this.pagesize);
    console.log(this.records);
}
JavaScript, угловые, наблюдаемые, angular2-наблюдаемые,
Похожие вопросы