使用离子选择动态

Question

我在我的项目中添加了一个 Ion-select，并且我试图在我点击时进行过滤，只显示该点击的信息。但由于某种原因，它给了我错误以及我在这一切中的新手，我不知道它会是什么。如果有人可以帮助我，我会很高兴。我很抱歉翻译成英文。

HTML

<ion-select (ionChange)="selecionaregiao()" [(ngModel)]="regiao">
    <ion-option value="opt1"></ion-option>
    <ion-option value="opt2">Zona Oeste</ion-option>
    <ion-option value="opt3">Zona Norte</ion-option>
    <ion-option value="opt4">Zona Sul</ion-option>

</ion-select>

数据库.TS

 getRegiao(pregiao: string){
return new Promise<Regiao[]>((resolve, reject) => { 

  let sql = "SELECT * FROM TB_REGIAO" + pregiao;
  console.log(sql);          
  this.executeQuery(sql).then(data => {
    let regioes = [];
    data.forEach(function (row) {
      let regiao: Regiao = { nom_regiao: row[0]}
      regioes.push(regiao);
    });
    resolve();

  }).catch(error => {
    console.log(error);
  });

});


}

和函数.ts

selecionaregiao(pregiao: string) {
this.db.getRegiao(pregiao)
        .then(data => this.regioes = data)
        .catch(error => console.log('Something want wrong!'));
}

Answer 1

在您的函数 ts 中，您正在使用参数定义函数。

selecionaregiao(pregiao: string) {
this.db.getRegiao(pregiao)
        .then(data => this.regioes = data)
        .catch(error => console.log('Something want wrong!'));
}

但是在 html 中你没有传递任何参数。

所以改变你的离子选择可能会解决问题

<ion-select (ionChange)="selecionaregiao(regiao)" [(ngModel)]="regiao">
    <ion-option value="opt1"></ion-option>
    <ion-option value="opt2">Zona Oeste</ion-option>
    <ion-option value="opt3">Zona Norte</ion-option>
    <ion-option value="opt4">Zona Sul</ion-option>

</ion-select>