首页 > 解决方案 > 单选按钮在事件触发时以不同的方式工作,但单选按钮需要点击 2 次才能被选中

问题描述

.html文件中:

<input type="radio" name="single" id={{list}} value={{list}} 
       [(ngModel)]="ChoiceOptionsList[list-1].isCorrect" #radval="ngModel" 
       [ngModelOptions]="{standalone: true}" 
       (change)="setRadioOption($event)" #radval required/>

注意:列表由增量编号组成,例如 1,2,3,4,5,6,7,8,9,......

.TS文件中:

setRadioOption(event: any)
{
    for(let i = 0; i < this.singleChoiceOptionsList.length; i++)
    {
         this.ChoiceOptionsList[i].isCorrect=false;

         if((i+1)==event.target.id)
         {
              this.ChoiceOptionsList[i].isCorrect=true;
         }
    }
}

标签: htmlangularwebangular9

解决方案


推荐阅读