如何选择数据库驱动复选框的单个元素答案

【问题标题】：How to select a single element of database driven checkbox如何选择数据库驱动复选框的单个元素
【发布时间】：2020-12-10 02:10:29
【问题描述】：

这里的项目名称来自数据库，我想选择一个元素，但在这里我做不到。有人能帮帮我吗？

<div class="form-group" *ngIf="roles">
            <ul>
                <li *ngFor="let item of roles;let i = index">
                    <input type="checkbox" [id]="'roles-'+i" value="{{item.Id}}" checked]="item.selected"
                        (change)="updateSelectedRoles(i)">
                    <label [for]="'roles-'+i">{{ item.Name}}</label>
                </li>
            </ul>
</div>

【问题讨论】：

嗨 Aniket，我不确定我是否理解您的问题...您要从后端还是前端选择一项？不清楚...所以项目名称存储在数据库中，您只想从服务器在您请求后发回的内容中选择一个，对吗？
@Sinan 嘿Sinan，谢谢你的回复。我只想在前端选择一个选项，这些选项在数据库表中。目前，数据库中有三个值，在前端我可以选择所有三个值，但我只想选择三个值中的一个。

标签： html angular asp.net-web-api

【解决方案1】：

尝试改变这一点：

 <input type="checkbox" [id]="'roles-'+i" value="{{item.Id}}" [checked]="item.selected(change)="updateSelectedRoles(i)">

到这里：

<mat-checkbox [id]="'roles-'+i" [value]="item.Id" [(ngModel)]="item.selected" (change)="updateSelectedRoles(i)"></mat-checkbox>

【讨论】：