Как обновить данные из API, используя id в angular 7

Question

На странице продукта я отобразил данные из «API продукта».Среди полей у меня есть один столбец под названием Категория продукта в таблице.

Когда мне нужно редактировать категорию продукта, на странице обновления должна отображаться категория продукта из «API категории продукта».Когда я изменяю категорию продукта и нажимаю кнопку обновить, его также необходимо обновить на главной странице.Общее поле в продуктах и ​​категории продуктов API - это «ID».ТАК подскажите как обновить на основе идентификатора.

Найдите под кодом:

<p-panel header="Product Category">
<div class="ContentSideSections Implementation">
<p-dataTable [value]="allproducts"    >
 <p-column
    field="productCategoryName"
    header="Product Category Name"
    [sortable]="true"
    [filter]="true"
    filterMatchMode="contains"
  >
    <ng-template let-product="rowData" pTemplate="body"> {{ product.productCategoryName }} </ng-template>
  </p-column>
  <p-column>
     <ng-template let-product="rowData" pTemplate="body">
      <button type="button" [routerLink]="['/product/edit', product.id]">Edit</button>
    </ng-template>
  </p-column>
  <p-column>
</p-dataTable>

Найдите под кодом для редактирования страницы:

<form [formGroup]="productForm" (ngSubmit)="onProductFormSubmit()">
<p-panel header="Product Category">
<div class="ui-grid-row">
    <div class="ui-grid-col-2">Product Category Name *:</div>
    <div class="ui-grid-col-6">
      <div class="form-group">
        <select
          name="description"
          formControlName="description"
          class="user-preselect btn-add"
          style="width: 90%;height: 34px;"
        >
          <option value="0" selected="selected">ADD Product 
           Category</option>
          <option *ngFor="let a of allProductcategory" value="{{ a.id }}">{{ 
          a.description }}</option>
        </select>
      </div>
    </div>
  </div>
  <div>
  <button
        pButton
        class="btn btn-sm btn-primary"
        type="submit" >
        Update
      </button>
     </div>
    </form>