【发布时间】:2021-11-15 00:12:45
【问题描述】:
当我运行代码时 orderDetail 中存在三个项目,每个产品显示三个单选按钮。单击或更改任何单选按钮后如何获取每个产品单选按钮的值?
<div class="order-items-detail" *ngFor="let data of orderDetails.response.orderItems">
<div class="p-field-radiobutton">
<p-radioButton [(ngModel)]="data.item.picked"
[ngModelOptions]="{standalone: true}"
value="Picked"
class="radio-menter code hereargin"
name="radioStatus"
></p-radioButton>
<br />
<p-radioButton [ngModelOptions]="{standalone: true}"
[(ngModel)]="data.item.unavaliable"
value="Unavailable"
class="radio-margin"
name="radioStatus"
></p-radioButton>
<p-radioButton [ngModelOptions]="{standalone: true}"
value="Substitute"
class="radio-margin"
name="radioStatus"
[(ngModel)]="data.item.substitude"
></p-radioButton>
</div>
</div>
【问题讨论】:
-
如果您希望我们帮助您,您应该向我们展示您的代码。没有它,很难知道问题出在哪里。
-
您可以使用 QuerySelector 或简单地将无线电组的引用及其索引传递给函数。
-
展示你目前取得的成就
标签: angular typescript primeng