Угловой - невозможно получить доступ или просмотреть выбранные данные из сетки в поле ввода формы

Question

У меня проблема с отображением данных одной строки в полях ввода формы.

Просмотр сетки: (Данные хранятся в массиве selectedTrade)

<p-table [value]="trades" [paginator]="true" selectionMode="single" [(selection)]="selectedTrade">
  <ng-template pTemplate="body" let-trades>
    <tr [pSelectableRow]="trades">
      <td><button pButton #Buy name="Buy" type="button" (click)="showDialog()"></button>
      </td>
      <td><button pButton #Sell name="Sell" type="button" (click)="showDialog()"></button>
      </td>
      <td *ngFor="let col of cols">
        {{trades[col.field]}}
      </td>
    </tr>
  </ng-template>
</p-table>

Диалоговое окно включает в себя форму с полями ввода. Мне нужно значение массива selectedTrade в полях ввода при открытии диалога.

selectedTrade Json структура {instrumentid: '1', инструмент: 'Tesla', buyPrice: '2000', 'buyQty': '9', 'sellPrice': '5000', 'sellQty' : '25' }

Мне нужно связать его с входными данными: Инструмент, Transaction_Quantity, Transaction_Price в зависимости от диалогового окна покупки или продажи. У меня проблемы с привязкой или отображением значений. Пожалуйста помоги.

<p-dialog header="Orders" [(visible)]="ordersDialog" [modal]="true">
<form name="editForm" role="form" novalidate (ngSubmit)="save(editForm.value)" #editForm="ngForm">
  <div>
    <input type="text" class="form-control" name="instrument_id" id="instrument_id" ngModel #instrument_id="ngModel" />
    <input type="text" class="form-control" name="at_price" id="field_at_price" ngModel #at_price="ngModel" />
    <input type="text" class="form-control" name="transaction_quantity" id="transaction_type" ngModel #transaction_quantity="ngModel" />
  </div>
  <button type="submit" class="btn btn-primary"> <span>Save</span></button>
</form>
</p-dialog>

Answer 1

если вы получаете данные, чем нужно получить данные из вашей модели (то есть вашего столбца)

<input type="text" class="form-control" name="instrument_id" id="instrument_id" [(ngModel)]="col.instrument_id" />