Question

我正在编辑产品页面。当用户单击“编辑”按钮时，将打开一个模态，该模态由数据列表和包含以下数据的复选框组成。

0: {id: "01", name: "abc"}
1: {id: "02", name: "Factory"}
2: {id: "03", name: "Restaurants"}
3: {id: "04", name: "Cater"}

假设用户选择包含以下数据的行：

{
    id: 1
    code: "21184683"
    name: "YL IB"
    channel_ids: (5) ["07", "12", "03", "14", "05"]
}

<form [formGroup]="TargetForm" *ngIf="TargetForm"
        (ngSubmit)="submitUpdatedRecord(TargetForm.value)">
<ul class="checkboxes">
    <li *ngFor="let item of this.data">
        <label>
            <input 
                type="checkbox" 
                formControlName="channel_ids"
                name="channel_ids"
                [checked]="editProductData.channel_ids.indexOf(item.id) > -1" />
                {{item.name}}
        </label>
    </li>
</ul>
<button type="submit">update</button>

现在，我无法在单击更新按钮时传递所选的复选框ID。

Answer 1

(change)=someFunction(id);

将其附加到复选框输入。使用将在复选框更改时触发并传递ID的功能，但是您希望在组件中使用该功能。

多个复选框值传递按钮单击

1 个答案: