离子 5 结果无法显示在控制台日志中

Question

它无法显示在控制台日志中，但我可以在离子版本 3 或 4 中运行 pass。 现在我使用Ionic 5。

我无法从广播中的选择中得到要点。我不知道运行时有什么问题，它没有显示任何问题。

在文件 HTML 中

<ion-item-sliding *ngFor = "let q of Questionlist ; let i = index" >
<p>{{ q.qname }}</p>
<ion-radio-group>
<ion-row>
<ion-col>
<ion-item text-wrap >
<ion-radio mode="md" value={{q.ansp}} (ionSelect)="mcqAnswer(q.ansp,i)"></ion-radio>
<ion-label> {{q.ans }}</ion-label>
</ion-item>
</ion-col>
<ion-col>
<ion-item text-wrap>
<ion-radio mode="md" value={{q.ans1p}} (ionSelect)="mcqAnswer(q.ans1p,i)" ></ion-radio>
<ion-label>{{q.ans1 }}</ion-label>
</ion-item>
</ion-col>
<ion-col>
<ion-item text-wrap>
<ion-radio mode="md" value = {{q.ans2p}} (ionSelect)="mcqAnswer(q.ans2p,i)"></ion-radio>
<ion-label class=  "text-wrap">{{ q.ans2 }}</ion-label>
</ion-item>
</ion-col>
<ion-col>
<ion-item text-wrap>
<ion-radio mode="md" value={{q.ans3p}} (ionSelect)="mcqAnswer(q.ans3p,i)"></ion-radio>
<ion-label>{{q.ans3 }}</ion-label>
</ion-item>
</ion-col>
</ion-row>
</ion-radio-group>
</ion-item-sliding>
</div>

在文件 TS 中

mcqAnswer(value, index) {
let anws = { p: value, i: index }
if (this.anwsList[index] !== undefined && index == this.anwsList[index].i) {
this.anwsList[index].p = value
} else {
this.anwsList.push(anws)
}
console.log("=>", value, "=>", index)
console.log("===>", this.anwsList)
}

谢谢你帮助我

Answer 1

如果要获取所选单选按钮的值，则必须在ion-radio-group标签中使用ionChange事件。 然后，您必须将$event作为函数参数传递给 .ts 文件。 我建议您将其记录在控制台中以查看会发生什么。 我希望它有所帮助。