Boa noite
Estou fazendo um aplicativo de perguntas e respostas.
E estou querendo colocar uma condição de se a questão estiver correta, a opção ficar verde. Caso contrario ficar vermelho.
Esse é meu component
import { Component } from ‘@angular/core’;
import { NavController, ToastController, Button } from ‘ionic-angular’;
import { FaseProvider } from ‘…/…/providers/fase/fase’;
import { ProcessoProvider } from ‘…/…/providers/processo/processo’;
import { CalculosProvider } from ‘…/…/providers/calculos/calculos’;
@Component({
selector: ‘page-about’,
templateUrl: ‘about.html’
})
export class AboutPage {
fase: any;
//no android
public fases:any[];
public cont;
//no computador
/*
public fases = [
{
NOME:“FASE 1”,
CODIGO_FASE:1
},
{
NOME:"FASE 2",
CODIGO_FASE:2
},
{
NOME:"FASE 3",
CODIGO_FASE:3
}
];
*/
//no android
public processo = {
NOME:"",
CODIGO_PROCESSO:"",
CODIGO_FASE:""
};
/*
public processo = {
NOME:“PROCESSO DE TRANSIÇÃO E TÉRMINO DE COMPONENTES PARA O TCC”,
CODIGO_PROCESSO:1,
CODIGO_FASE:2
};
*/
constructor(public navCtrl: NavController, private toast:ToastController, private faseProvider:FaseProvider, private calculosProvider:CalculosProvider, private processoProvider:ProcessoProvider) {
}
ionViewDidEnter(){
// no android
this.getFases();
this.getProcessoAleatorio();
}
getFases(){
this.faseProvider.getAll()
.then((result:any[]) => {
this.fases = result;
this.fase.CODIGO_FASE =result;
this.toast.create({message:“fases carregadas com sucesso.”, duration:1000, position:‘botton’}).present();
})
.catch(()=>{
this.toast.create({message:‘Erro ao carregar as fases.’, duration:1000, position:‘botton’}).present();
});
}
getProcessoAleatorio(){
let processoAleatorio = this.calculosProvider.getRandomInt(1,48);
this.processoProvider.getById(processoAleatorio)
.then((result:any) => {
this.processo.NOME = result.NOME;
this.processo.CODIGO_PROCESSO = processoAleatorio;
this.processo.CODIGO_FASE = result.CODIGO_FASE;
this.toast.create({message:"Processo Aleatório carregado com sucesso.", duration:1000, position:'botton'}).present();
})
}
validaResposta(conta, total){
conta=0;
total=0;
if (this.processo.CODIGO_FASE == this.fase.CODIGO_FASE){
console.log('correto');
conta ++;
total ++;
} else {
console.log('incorreto');
conta --;
total --;
}
}
enviar(){
this.navCtrl.push(AboutPage);
}
}
Template :
PMBOK GameO processo "{{processo.NOME}}"
Pertence a qual fase?
Confirmar
<ion-item *ngFor="let fase of fases">
<ion-label>{{fase.NOME}}</ion-label>
<ion-radio value="{{fase.CODIGO_FASE}}"></ion-radio>
</ion-item>
</ion-list>
Acertos:{{conta}} | Tentativas:{{total}}