Привязка в HTML с динамической переменной - PullRequest
0 голосов
/ 28 октября 2019

Я изменил значение в переменной (логическое значение) и хотел бы отобразить загрузчик, пока мое обещание не выполнено.

       <ng-container *ngIf="!fullyLoad">
        <mat-spinner [diameter]="13" ></mat-spinner>
      </ng-container>
      <ng-container>
        <mat-icon *ngIf="fullyLoad">cancel</mat-icon>
      </ng-container>

А вот мой код компонента

 this.ranchService.getValue().then(() => {

  console.log(this.fullyLoad + ' pas encore defini ')
  this.fullyLoad = this.ranchService.fullyLoad; // normally it returns true
});

Вначале я присвоил переменной this.fullyload значение false, но когда я пытаюсь получить доступ спереди, она не появляется, пока мое обещание не выполнено.

Полный код:

  async getRanches(): Promise<Boolean> {

this.dataServ.get<DetailedRanchDTO[]>(DetailedRanchDTO, this.URL)
  .pipe(delay(3000)).subscribe(ranches =>

  this._ranches$.next(ranches), error => (error), () => console.log('fini'));

return true;

}

async getValue (): Promise {

await this.getRanches().then(result => {
  this.fullyLoad = result;
  // tslint:disable-next-line:no-console prefer-template
  console.log(this.fullyLoad + 'result');
});

}

Любое предложение?

...