Estou implementando uma funcionalidade onde o usuário seleciona uma opção do select
e é enviado pra uma função que adiciona no meu model.
Por algum motivo, após selecionar a opção do meu select
, o campo seguinte do meu ngfor
some, ele reaparece se eu clicar em cima, tudo funciona normal no ionic serve, mas quando rodo o build pro celular, após selecionar o select
o campo do outro index some.
Meu código:
resposta: string[] = [""];
saudacao: string = '';
<div>
<ion-row>
<div class="col-8">
<ion-item>
<ion-textarea name="resposta{{i}}" [(ngModel)]="resposta[pergunta.id]" value="{{resposta[pergunta.id]}}" placeholder="Resposta" clearInput></ion-textarea>
</ion-item>
</div>
<div class="col-4">
<a (click)="respondePergunta(i)"><ion-icon class="responderperguntaicon" name="ios-arrow-dropright-circle"></ion-icon></a>
<a (click)="presentActionSheet()"><ion-icon id="maisopcoes" color="primary" name="more"></ion-icon></a>
</div>
</ion-row>
<ion-item>
<ion-label>Resposta Automática</ion-label>
<ion-select (ionChange)="adicionaArrayRespostaAutomatica($event, pergunta.id)">
<ion-option value="Sim, temos no estoque ">Sim, temos no estoque</ion-option>
<ion-option value="Não, não temos no momento ">Não, não temos no momento</ion-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label>Inserção Rápida Sistema</ion-label>
<ion-select (ionChange)="adicionaArrayInsercaoRapida($event, pergunta.id)">
<ion-option value="{{saudacao}}">Saudação</ion-option>
</ion-select>
</ion-item>
</div>
Minha função:
adicionaArrayRespostaAutomatica(event, index){
if(this.resposta[index] == null){
this.resposta[index] = '';
this.resposta[index] = this.resposta[index] + ' ' + event;
}else{
this.resposta[index] = this.resposta[index] + ' ' + event;
}
}
adicionaArrayInsercaoRapida(event,index){
if(this.resposta[index] == null){
this.resposta[index] = '';
this.resposta[index] = this.resposta[index] + ' ' + event;
}else{
this.resposta[index] = event + this.resposta[index];
}
}