noia.ts

import { Component, OnInit } from '@angular/core';
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
import { Observable } from 'rxjs';


@Component({
  selector: 'app-listagem',
  templateUrl: './listagem.page.html',
  styleUrls: ['./listagem.page.scss'],
})
export class ListagemPage implements OnInit {
  
  public listagem: Array<{ imagem: string; titulo: string; detalhes: string; key:string; }> = [];
  listAcademia: AngularFireList<any>;
  items: Observable<any[]>;

  constructor(public database: AngularFireDatabase
    ) {

      this.items = database.list('/academia').valueChanges();
      this.items.subscribe(data => {
        data.forEach(value => {
          let academia = {
            imagem: '/assets/img/academia1.jpg',
            titulo: value.unidade,
            detalhes: value.detalhes,
            key: 'String chave',
          }
          this.listagem.push(academia);

        })
      })
    // for (let i = 1; i < 11; i++) {
    //   this.listagem.push({
    //     imagem: '/assets/img/academia1.jpg',
    //     titulo: 'Academia ' + i,
    //     detalhes: 'detalhes da academia ' + i,
    //     key: 'String chave',
    //   });
    // }
  }

  ngOnInit() {
  }

}