Question

在产品页面中，我显示了“产品API”中的数据。在这些字段中，表中有一列称为“产品类别”。

当我必须编辑产品类别时，必须在“更新”页面中通过“产品类别API”显示产品类别。当我更改产品类别并单击“更新”时，它也必须在主页中进行更新。产品和产品类别API中的公共字段是“ ID”。因此，建议我如何根据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>

如何在角度7中使用ID从API更新数据

0 个答案: