Make a Select-List with Database Data

@regisoliver wrote:

I'm having trouble making a select-list with data from the database.
I followed some internet tutorials, but to no avail.
If someone can post an example or point out what I am wrong.
I will be very grateful, therefore, I must do when loading page 3 Select-lists.

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-list> <!-- LISTA EMPRESA -->
>     <ion-item *ngFor="#_lista of _lista">
>       <ion-label>Empresa</ion-label>
>       {{lista.description}}
>     </ion-item>
>   </ion-list>

> </ion-content>

thank you so much.

Posts: 1

Participants: 1

Read full topic