javascript - 将从后端生成的数据映射到角度 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>
解决方案
推荐阅读
- javascript - 用删除重复html控件的正确方法是什么
- amazon-web-services - Cannon 在我的本地 Windows 机器上安装 AWS CodeDeploy 代理
- vim - 在 Vim 中,将鼠标单击移动添加到跳转列表
- laravel - 运行一个简单的 Laravel 应用程序时,我需要大的供应商目录吗?
- spring-cloud-dataflow - SCDF 本地数据流服务器
- python - Python:从“emoji”包导入“emojize”时出错
- php - 在 Tree cakephp 3 中获取父节点
- javascript - 为什么列表项拼接出来后仍然存在?
- .net - 为什么我在 F# 中的 Windows 窗体使用最小宽度?
- celery - 是否可以有多个带有 1 个 celery 应用程序的 redis 服务器