обновить поле в модале по нажатию кнопки, не закрывая модал - PullRequest
Новая
       53

обновить поле в модале по нажатию кнопки, не закрывая модал

0 голосов
/ 04 мая 2020

У меня есть данные сетки, при щелчке по выбранной строке я открываю модальные, выбранные данные строки отображаются в модальном режиме. Есть 3 кнопки в модальном режиме, при нажатии кнопки мне нужно обновить поле состояния с неуспешного на успешное без закрытие модального режима и кнопка должна стать отключенной после нажатия

вызова основного компонента из controller.ts this.dialog.open(MainComponent, { data: {passing the selected row data} }

main component.ts class вызов нескольких сервисов, получение выбранных данных сетки строк, передача данных через MatDataSource в таблицу mat в html (с использованием таблицы mat для отображения данных в модальном режиме), вызов сервиса по нажатию кнопки.

main component.ts onClickSuccessful(){ calling.serviceapi() }

после получения кода состояния успеха 200 необходимо обновить значение модального поля

mainComponent. html

  <table mat-table [dataSource]="dataSource">
    <ng-container matColumnDef="label" sticky="true">
      <td mat-cell *matCellDef="let row">{{ row.label }}</td>
    </ng-container>
    <ng-container [matColumnDef]="'column' + i" *ngFor="let column of data; let i = index">
      <td mat-cell *matCellDef="let row"> {{ row['column' + i] }} </td>
    </ng-container>
    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
  </table>
</div> 
<div>
<button mat-raised-button color="primary">Successful</button>
<button mat-raised-button color="primary">unsuccessful</button>
<button mat-raised-button color="primary">Submit</button>
</div>

как обновить поле в модальном status = неуспешно до status = успешно по нажатию кнопки, без закрытия модальности.

спасибо в рекламе Ванс

...