Skip to main content
título editado
Enlace
Lombarda Arda
  • 1.9k
  • 3
  • 25
  • 43

Como crear un formulario reactivo en ionicAngular

título editado
Enlace
Lombarda Arda
  • 1.9k
  • 3
  • 25
  • 43

Formulario con múltiples respuestas Como crear un formulario reactivo en ionic

se añadieron 2195 caracteres en el cuerpo
Origen Enlace
Lombarda Arda
  • 1.9k
  • 3
  • 25
  • 43

Este es el componente que hay detrás del html, tiene mucha basura de las pruebas que he realizado, así que gran parte del código es basura.

@Component({
  selector: 'page-testPreguntas',
  templateUrl: 'test-preguntas.html'
})
export class TestPreguntasPage {  
  indice: number;
  listaPreguntas: PreguntasTest[];
  cargarMas: boolean; 
  test : Test;
  formulario : FormGroup;             
  constructor(public navCtrl: NavController, public navParams: NavParams,public menuCtrl: MenuController,
    public global: GlobalVars, public platform: Platform,  public translate: TranslateService, 
    public testService: TestService,private auth: AuthService,
    public formBuilder: FormBuilder
    ) {    
      this.formulario = this.formBuilder.group({
        questions: formBuilder.array([])     
      })
      platform.ready().then(() => {
        //para actualizar los colores del idioma
        global.actualizaIdioma();

        this.translate.onLangChange.subscribe((event: LangChangeEvent) => {
            //cambiamos el idioma de los títulos de los temas
            this.cambiarLenguajeTitulo();
        });
    });
    this.test = navParams.get('test');
    this.cambiarLenguajeTitulo();
    this.indice = 0;
    this.cargarMas = false;
    this.cargarPreguntas()  
} 
/*private createMyForm(){  
  return this.formBuilder.group({

  })
}*/

  enviarRespuestas(){
    console.log("METODO ENVIAR RESPUESTAS");
    console.log(this.formulario.value)
    //console.log(this.formulario.controls[0].value);
    
  }
  
  cargarPreguntas(){
    // ESTE CODIGO RECOGE LOS DATOS DEL SERVER Y LOS GUARDA EN listaPreguntas
  }

  openMenu(){
    this.menuCtrl.open();
  }
  cambiarLenguajeTitulo(){    
    if(this.translate.currentLang=="es"){   
           this.test.titulo = this.test.tetitulo_es;
    }else{
        this.test.titulo = this.test.tetitulo_eu;
    }
  }
  
}

Este es el componente que hay detrás del html, tiene mucha basura de las pruebas que he realizado, así que gran parte del código es basura.

@Component({
  selector: 'page-testPreguntas',
  templateUrl: 'test-preguntas.html'
})
export class TestPreguntasPage {  
  indice: number;
  listaPreguntas: PreguntasTest[];
  cargarMas: boolean; 
  test : Test;
  formulario : FormGroup;             
  constructor(public navCtrl: NavController, public navParams: NavParams,public menuCtrl: MenuController,
    public global: GlobalVars, public platform: Platform,  public translate: TranslateService, 
    public testService: TestService,private auth: AuthService,
    public formBuilder: FormBuilder
    ) {    
      this.formulario = this.formBuilder.group({
        questions: formBuilder.array([])     
      })
      platform.ready().then(() => {
        //para actualizar los colores del idioma
        global.actualizaIdioma();

        this.translate.onLangChange.subscribe((event: LangChangeEvent) => {
            //cambiamos el idioma de los títulos de los temas
            this.cambiarLenguajeTitulo();
        });
    });
    this.test = navParams.get('test');
    this.cambiarLenguajeTitulo();
    this.indice = 0;
    this.cargarMas = false;
    this.cargarPreguntas()  
} 
/*private createMyForm(){  
  return this.formBuilder.group({

  })
}*/

  enviarRespuestas(){
    console.log("METODO ENVIAR RESPUESTAS");
    console.log(this.formulario.value)
    //console.log(this.formulario.controls[0].value);
    
  }
  
  cargarPreguntas(){
    // ESTE CODIGO RECOGE LOS DATOS DEL SERVER Y LOS GUARDA EN listaPreguntas
  }

  openMenu(){
    this.menuCtrl.open();
  }
  cambiarLenguajeTitulo(){    
    if(this.translate.currentLang=="es"){   
           this.test.titulo = this.test.tetitulo_es;
    }else{
        this.test.titulo = this.test.tetitulo_eu;
    }
  }
  
}
Origen Enlace
Lombarda Arda
  • 1.9k
  • 3
  • 25
  • 43
Loading