Html 获取输入单选按钮的值和作为对象的单独标签值？

我有一个标签列表，然后每个标签有两个无线电输入。我想传递标签的名称和输入的值，并使用它们在我的组件中创建一个对象。单选按钮的标签不作为标准标签与输入关联，因为它们需要是/否值。看起来是这样的：

<ul class="field-labels">
    <li *ngFor="let label of labels">
        {{label}}
    </li>
</ul>
<div *ngFor="let label of labels; let i=index;" class="form">
    <div class="container">
        <div class="radio-wrapper">
            <input  id="{{'radio-yes-'+i}}" name="{{'radio-'+i}}"
                    type="radio" value="Yes"
                    [attr.data-field-label]="label">
            <label for="{{'radio-yes-'+i}}">Yes</label>
        </div>
        <div class="radio-wrapper">
            <input  id="{{'radio-no-'+i}}" name="{{'radio-'+i}}"
                    type="radio" value="No"
                    [attr.data-field-label]="label">
            <label for="{{'radio-no-'+i}}">No</label>
        </div>
    </div>
</div>


Frontend:
----------------------------
Correct size?  I think a solution would be to use forms.


If your logic becomes more complex, you should consider having a look at Reactive Forms.


But, in this case, Template Driven Forms can do the job:


<form #f="ngForm" (ngSubmit)="onSubmit(f.value)">
    <div *ngFor="let label of labels; index as idx">
    <label>{{ label }}</label>
    <ng-container [ngModelGroup]="label">
        <input ngModel [name]="'answer.' + idx" value="yes" type="radio">
        <input ngModel="yes" [name]="'answer.' + idx" value="no" type="radio">
    </ng-container>
    </div>

    <button type="submit">submit</button>
</form>



{{label}}


对
不
前端：
----------------------------
正确的尺寸 我认为解决办法是使用表单

如果你的逻辑变得更复杂，你应该考虑查看<强>反应型< <强> > /p>
但是，在这种情况下，模板驱动表单可以完成以下任务：

labels = ['label1', 'label2', 'label3'];

onSubmit (value) {
  console.log('value', value)
}

我认为解决办法是使用表单

如果你的逻辑变得更复杂，你应该考虑查看<强>反应型< <强> > /p>
但是，在这种情况下，模板驱动表单可以完成以下任务：

labels = ['label1', 'label2', 'label3'];

onSubmit (value) {
  console.log('value', value)
}

你循环的标签对象是什么样子的？现在我得到了答案：
{“正确的大小？”，“良好的价值？”…}
我是指你在*ngFor中使用的循环=“让标签的标签；我想你需要一个像alias这样的标签：“correctSize”在你原来的标签循环中，然后把它放到你的结果中，我认为这是可能的，但我不知道如何从输入收音机中获取是/否值，并将它们与标签值联系起来？您循环的标签对象是什么样子的？目前我得到的是：
{“正确大小？”，“良好值？”…}
我指的是您在*ngFor中使用的循环=“让标签的标签；我认为您需要在原始标签循环上使用类似alias的标记：“correctSize”，然后将其放入结果中。我认为这是可能的，但我不确定如何从输入收音机中获取是/否值，并将其与标签值联系起来？