Как получить данные из массива JSON и показать данные внутри таблицы? - PullRequest
Новая
       11

Как получить данные из массива JSON и показать данные внутри таблицы?

0 голосов
/ 28 марта 2019

Итак, в базе данных у нас есть параметр jsonChanges: string []. Джсон выглядит как ..

"{"field":"referringPhysician","oldValue":"Medical oncologist","newValue":"Clinical oncologist"}"

в моем случае мне нужно показать в моей таблице угловых компонентов oldValue и newValue. Эти значения в раскрывающемся списке после редактирования автоматически сохраняются пользователем в базе данных как old и newValue, но внутри только одного параметра string []. Мне нужно каким-то образом извлечь эти значения из этого массива и показать их.

1 - Мой стол 

    <table class="listing">
            <thead>
              <th class="table-column-min">User Name</th>
              <th class="table-column-min">Modified Date</th>
              <th class="table-column-min">Entity Name</th>
              <th class="table-column-min">Old Value</th>
              <th class="table-column-min">New Value</th>
            </thead>
            <tbody>
           <tr *ngFor="let at of auditTrailList | paginate: { itemsPerPage: _ITEMS_PER_PAGE, currentPage: crtPage, totalItems: totalItems }"
        [attr.data-row-id]="at.userId">
        <td>{{ at.userName }}</td>
        <td>{{ at.timestamp ? (at.timestamp | date:  CUSTOM_DATE_FORMAT ) :  'Unknown' }}</td>
        <td>{{ at.entityName }}</td>
        <td>TODO: old value</td>
        <td>TODO: new value</td>
      </tr>
    </tbody>

2 - Мой компонент 

    getList(patientId?: number, pageNo?: number) {
       const auditTrailSubscription = 
   this._auditTrailService.getAuditTrailUrl(patientId, pageNo, 
  GridConfig.ITEMS_PER_PAGE)
     .subscribe(
       result => {
          this.getPersonId();
          this.auditTrailList = result.lstRecords;
          this.totalItems = result.recordsCount;
       },
       err => {
        this.handleError(err);
      }
    );

  this.addSubscription("auditTrail", auditTrailSubscription);
}

1 Ответ

0 голосов
/ 28 марта 2019

когда у вас есть этот массив, вы можете сохранить переменную в вашем компоненте и передать в ваш HTML-файл, например: this.allData={ "field":"referringPhysician", "oldValue":"Medical oncologist", "newValue":"Clinical oncologist" }

и в вашем html вы можете показать как: 

<td>{{allData.oldValue}}</td>
<td>{{allData.newValue}}</td>
...