Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Erro selecionar ion-select

Estou com um problema no componente ion-select

<ion-label>Qual o seu banco?</ion-label>
          <ion-select [(ngModel)]="banco"  multiple="false">
            <ion-option [value]="item" *ngFor="let item of instituicoes">{{item.nome}}</ion-option>
          </ion-select>

ts
public banco:Instituicao;

Instituicao é uma classe de codigo e nome

Mas quando seleciono um item ele marca todos na seleção.

1 resposta
solução!

Boa noite, Tiago! Como vai?

Faça assim:

<!-- exemplo-formulario.html -->

<ion-content padding>
  <form (ngSubmit)="agenda()">
      <ion-label>Qual o seu banco?</ion-label>
      <ion-select [(ngModel)]="banco" name="banco" multiple="false">
        <ion-option [value]="item" *ngFor="let item of instituicoes">{{item.nome}}</ion-option>
      </ion-select>
    </ion-item>
    <button ion-button block type="submit">Enviar</button>
  </form>
</ion-content>
// exemplo-formulario.ts

export class ExemploFormularioPage {

  instituicoes = [
    { nome: 'Banco do Brasil' },
    { nome: 'Itaú' },
    { nome: 'Inter' },
  ];

  banco;

  constructor(public navCtrl: NavController, public navParams: NavParam) { }

  agenda() 
    console.log(this.banco);
  }

}

Grande abraço!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software