使用數據庫數據製作選擇列表--Ionic 3

我無法使用數據庫中的數據製作選擇列表。我跟着一些網絡教程，但無濟於事。如果有人可以發表一個例子或指出我錯了什麼。我將非常感謝，因此，我必須在加載第3頁選擇列表時執行此操作。使用數據庫數據製作選擇列表--Ionic 3

auth_pagto.ts

empresa(user) { 
    //user.sidBanco = "bda1"; 
    var headers = new Headers(); 
    headers.append('Content-Type', 'application/json; charset=utf-8'); 

    return new Promise(resolve => { 
     this.http.post('/itpowerbr-api/login/empresa', JSON.stringify(user), {headers: headers}).subscribe(data => { 
       console.log("ENTROU"); 

       var mostraEmpresa: any[]; 
       //lista das empresas 
       data.json().each(data, function(i, x){ 
        //mostraEmpresa += '<ion-option value="'+ x.empresaNome +'" >'+ x.empresaID +' - '+ x.empresaNome +'</ion-option>'; 
        //{description: "Fazer compras", priority: "7", horary: "22:20"}, 
        this.mostraEmpresa = [ 
        {description: x.empresaNome, priority: x.empresaID} 
        ]; 
       }); 
       //$("#pgt-lista-filial").html(mostraEmpresa); 
       resolve(mostraEmpresa); 
     }, (err) => { 
      if (err.status == 500){ 
      var alert = this.alertCtrl.create({ 
         title: "Pagamentos", 
         subTitle: "Lista Empresa não Encontrada", 
         buttons: ['ok'] 
        }); 
      alert.present(); 
      resolve(false); 
      }else{ 
      var alert = this.alertCtrl.create({ 
         title: "Pagamentos", 
         subTitle: err, 
         buttons: ['ok'] 
        }); 
      alert.present(); 
      resolve(false); 
      } 
     }); 


    }); 



}// fim

pagamento.ts

import { Component } from '@angular/core'; 
import { IonicPage, NavController, NavParams, AlertController, LoadingController } from 'ionic-angular'; 
import { Auth_Pgto } from './auth_pgto'; 
import { AuthService } from '../login/authservice'; 
import { Storage } from '@ionic/storage'; 

import { LoginPage } from '../login/login'; 

@IonicPage() 
@Component({ 
    selector: 'page-pagamentos', 
    templateUrl: 'pagamentos.html', 
}) 
export class PagamentosPage { 

    usercreds = { 
     //nomeUsuario: '', 
     //token: '' 
    }; 

private _lista: any; 

constructor(public navCtrl: NavController, public storage: Storage, public navParams: NavParams, public authservice: AuthService, public auth_pgto: Auth_Pgto, public alertCtrl: AlertController, public loadingCtrl: LoadingController) { 
    var usuario = new Object(); 
    usuario = { 
    nomeUsuario: window.localStorage.getItem('usuario'), 
    token: window.localStorage.getItem('raja') 
    }; 

    this.auth_pgto.empresa(usuario).then(data => { 
    this._lista = data; 
    }); 

    }// fim 

    logout() { 
     this.authservice.logout(); 
     this.navCtrl.setRoot(LoginPage); 
    } 

    public event = { 
    month: '2017-07-01', 
    timeStarts: '07:43', 
    timeEnds: '1990-02-20' 
    } 

    ionViewDidLoad() { 
    console.log('ionViewDidLoad PagamentosPage'); 
    } 

}

pagamentos.html

<ion-content padding> 
    <ion-list> <!-- LISTA EMPRESA --> 
    <ion-item *ngFor="#_lista of _lista"> 
    <ion-label>Empresa</ion-label> 
    {{lista.description}} 
    </ion-item> 
    </ion-list> 
</ion-content>

感謝你這麼許多。

來源

2017-07-18 Régis Oliver

我認爲您在ngFor指令中缺少let關鍵字。

<ion-item *ngFor="let item of _lista">

來源

2017-07-18 19:27:32 emroussel

使用數據庫數據製作選擇列表--Ionic 3

回答

相關問題