Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

292
Views
¿Existe una forma sencilla de anular la selección de una radio de iones en Ionic 2?

Después de que el usuario seleccione una radio de iones, se llama a una función en el componente. Necesito esa función para deseleccionar la radio.

LA PLANTILLA:

 <form [formGroup]="myForm"> <ion-list radio-group formControlName="listOptions"> <ion-item> <ion-label>Option 1</ion-label> <ion-radio value="1" (ionSelect)="myFunction($event)"></ion-radio> </ion-item> </ion-list> </form>
over 4 years ago · Santiago Trujillo
3 answers
Answer question

0

No estoy seguro sobre el caso de uso aquí, pero aquí vamos...

Dado que está utilizando un formulario reactivo, tiene algunas funciones que puede ejecutar en los controles de formulario, una de ellas es reset() . Entonces, en su función, simplemente restablecería el valor así:

 myFunction() { this.myForm.controls.listOptions.reset() }

y lo restablecerá a desmarcado, si ese es su estado inicial del botón de opción.

Demostración, que establece el botón de opción de restablecimiento después de un par de segundos

over 4 years ago · Santiago Trujillo Report

0

Puede usar checked para eso. Y use un valor booleano para manipularlo. En .html agrega esto

 <ion-radio checked={{isChecked}} value="1" (ionSelect)="myFunction($event)"></ion-radio>

En .ts agrega esto:

 export class SomePage{ isChecked = false; constructor(...){...} myFunction($event){ this.isChecked = !this.isChecked; // I am assuming you want to switch between checking and unchecking while clicking on radio. }

Si hay varios botones de radio, puede usar una matriz de indicadores como isChecked[] .

over 4 years ago · Santiago Trujillo Report

0

Encontré algunos problemas al hacerlo con Ionic 4 y los resolví de dos maneras diferentes, dependiendo de la versión 4.x.

vista

 <ion-item> <ion-label> A </ion-label> <ion-radio (click)="changeA()" [checked]=a > </ion-radio> </ion-item> <ion-item> <ion-label> B </ion-label> <ion-radio (click)="changeB()" [checked]=b > </ion-radio> </ion-item> <ion-button (click)="remove()"> <ion-label> CLEAN </ion-label> </ion-button>

controlador

 a = false; b = false; changeA(){ this.a = !this.a if(this.a && this.b) this.b = false; } changeB(){ this.b = !this.b if (this.b && this.a) this.a = false; } remove(){ this.a = false; this.b = false; }

Si encontró algunos problemas, mueva el clic de ion-radio a ion-item en cada botón de opción. En un ejemplo con 4.11.x Tuve que hacerlo, pero no sé exactamente por qué.

Puedes jugar con un ejemplo aquí .

Espero que ayude a alguien.

over 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!