在dynamic复选框中获取选中的值
在dynamic复选框中获取选中的值
提问于 2021-05-07 09:30:39
我有一系列的问题，每个问题都有一个问题字段和一个选项字段，实质上是一个字符串选项数组。应用程序正在构建成角.
{
question: "Is this the question?",
options: ["yes", "no", "maybe", "not sure"]
}这些问题是动态地从服务中接收到的，并且可能随着时间的推移而改变。用户必须有选择多个选项的选项，因此我使用了一个复选框。特别是PrimeNG的复选框。
<p-checkbox #checkbox class="checkbox-option" [label]="opt.val" [value]="opt.val" value="opt.val">
</p-checkbox>问题是，为了一次收到一个问题的检查选项，应该使用哪种方法。复选框下面将有一个提交按钮，之后我需要检查选中的选项。
PS。我是新来的，如果有人需要任何其他相关信息或代码，请通知我。提前谢谢。
回答 1
Stack Overflow用户
发布于 2021-05-07 09:57:44
首先，在元素中使用ngModel，然后您可以轻松地提取所选的值。下面是一个循环的例子
<p-checkbox *ngFor="let opt of boxes" class="checkbox-option"
[label]="opt.val"
[value]="opt.val"
[(ngModel)]="selectedBoxes" >
</p-checkbox>
<button (click)="getSelected()">Get answers</button>在component.ts中
export class SomeComponent {
selectedBoxes: string[] = [];
getSelected() {
console.log(this.selectedBoxes)
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67439377
复制相关文章
相似问题
腾讯云开发者
