首页 > 解决方案 > 将从后端生成的数据映射到角度 4 中的复选框

问题描述

我面临一个问题!

这里所有的承保人记录都是从 mysql 数据库中获取的,现在显示我想通过使用复选框将一些记录添加到列表中,但我不知道如何使用“userid”将自动生成的数据绑定到复选框并将其添加到列表中。

谁能帮我?

在这里,我使用 Angular 4 进行前端开发,使用 mysql 数据库进行后端。

在这里,我分享我的 Angular 4 代码片段 .... ////underwriter.component.html

<tr>
  <td>
    <table border="1" width="100%">
        <tr>
            <td>Application Id</td>
            <td>Plan Id</td>
            <td>User Id</td>
            <td>Plan Name</td>
            <td>Plan Type</td>
            <td>Category</td>
            <td>Salary</td>
            <td>Dependents</td>
            <td>Status</td>
            <td>Sum Assured</td>
            <td>Approval records</td>
        </tr>
        <tr *ngFor="let ud of underwriterdata" [value]="ud.user_id">
            <td>{{ud.app_id}}</td>
            <td>{{ud.plan_id}}</td>
            <td>{{ud.user_id}}</td>
            <td>{{ud.plan_name}}</td>
            <td>{{ud.plan_type}}</td>
            <td>{{ud.category}}</td>
            <td>{{ud.salary}}</td>
            <td>{{ud.dependents}}</td>
            <td>{{ud.status}}</td>
            <td>{{ud.sum_assured}}</td>
            <td><input type="checkbox"/></td>
        </tr>
    </table>
</td>
</tr>
</table>

<button (click)="approveRecords()" class="button">Approve</button>

标签: javascriptarraysangularngfor

解决方案


推荐阅读