Angular 6, наблюдаемый JSON заказ недвижимости - PullRequest
Новая
       6

Angular 6, наблюдаемый JSON заказ недвижимости

0 голосов
/ 28 января 2020

У меня проблема с использованием Angular Asyn c Pipe. Проблема в том, что то, что показано в шаблоне с использованием ngFor, не в том же порядке, в зависимости от того, что получено из BackEnd.

здесь код:

Я создал компонент с именем header- компонент, который получил наблюдаемые заголовки $ в качестве входного параметра. 

<div class="container-example" *ngIf="headers$ | async as headers; else loader">
  <mat-grid-list #grid cols="5" rowHeight="50px" *ngIf="headers['data']; else showError">
    <mat-grid-tile *ngFor="let prop of headers['data'] | keyvalue">
      <mat-form-field class="example-form-field width-spacing">
        <input autocomplete="off" matInput type="text" placeholder="{{('headers.' + sectionName + '.' + prop.key ) | translate}}" [value]="prop.value" disabled>
      </mat-form-field>
    </mat-grid-tile>
  </mat-grid-list>
  <!--show Error Message-->
  <ng-template #showError>
    <mat-error>{{'genericErrorMessage' | translate}}</mat-error>
  </ng-template>
  <!--show Error Message-->
</div>

внутри родительского компонента, который импортирует компонент заголовка

headers$ = this.httpClient.get(this.configService.config.bay.****, option);

на самом деле JSON Я получаю от backEnd свои свойства в следующем порядке:

  • nodo: "*****"
  • idSistSbar: "*****"
  • idSezione: "***"
  • sbarra: "**"
  • stato: "******"
  • progressivo: "*"

, но то, что показано в заголовочном компоненте, имеет совершенно иной случайный порядок c, чем тот, который мы фактически получаем из BackEnd.

как мне показать свойства JSON внутри компонента заголовка в том же порядке, полученном от BackEnd?

Большое спасибо

1 Ответ

0 голосов
/ 28 января 2020

на самом деле проблема была связана с каналом keyValue. удаление или изменение функции заказа уже решило проблему

...