DataTable中的primeNg復選框綁定對象

Question

https://www.primefaces.org/primeng/#/checkbox

在下面的代碼中，我試圖獲取復選框以將對象添加到模型驅動形式的數組中，該數組的名稱為selectedComponents。

因此，下面item1的對象類型是CampaignProductModel，在我的表單模型中，這是一個名為selectedComponents的數組。

我在綁定時遇到麻煩，並將所有檢查的項目添加到了模型對象中的數組中。

 <p-dataTable *ngIf="perviousCampaignProduct" [value]="perviousCampaignProduct" #dt [responsive]="true" filter="filter" [rows]="25" [paginator]="true" selectionMode="single" [(selection)]="selectedItem" [contextMenu]="cm">
    <p-header>Pervious Campaign Products </p-header>
    <p-column header="Images">
        <template let-item="rowData" pTemplate="body">
          <img style="max-height:150px;" src="http://cdnll.somesite.com/images/1000/{{item.itemSku}}.jpg" />
        </template>
    </p-column>
    <p-column field="itemSku" header="Item" [filter]="true" filterMatchMode="contains" filterPlaceholder="Search"></p-column>
    <p-column field="components" header="Components">
       <template let-item="rowData" let-col pTemplate="body">
          <ul style="list-style: none;">
             <li *ngFor="let item1 of item[col.field]">
                <p-checkbox value="item1" formControlName="selectedComponents" label="{{item1.itemSku}}"></p-checkbox>
             </li>
          </ul>
       </template>
     </p-column>
  </p-dataTable> 

目標

將p-checkbox中的所有檢查項目作為對象添加到我的模型驅動形式的數組中。

嘗試過：

value="{{item1}}"

...知道這行不通

Answer 1

稍后，但是我認為這可以解決您的問題更改此代碼：

 <p-checkbox value="item1" formControlName="selectedComponents" label="{{item1.itemSku}}"></p-checkbox>

為此：

 <p-checkbox [value]="item1" formControlName="selectedComponents" [label]="item1.itemSku"></p-checkbox>