Не удалось получить список пользователей из Firebase в angular 6

1

Я не могу получить список пользователей в Firebase. База данных Firebase уже установила значения, но я получил пустые массивы.

Я могу успешно добавить пользователя в базу данных firebase, и даже я могу получить список пользователей.

он попадет в базу данных и получит данные, но как я могу отобразить в представлении. Я могу получить список пустого массива.

пожалуйста, помогите мне

Мой addUserComponent

import { Component, OnInit } from '@angular/core';
import { UserService } from '../userpost.service';
import { FormGroup, FormControl, Validator, Validators } from '@angular/forms';

@Component({
 selector: 'app-addpost',
 templateUrl: './adduser.component.html',
 styleUrls: ['./adduser.component.css']
})
export class AddUserComponent implements OnInit {

employeeList: any;
 frm: FormGroup;

 constructor(private _userpost: UserService) { }

 ngOnInit() {
  this.getAllUser();

  this.frm = new FormGroup({
  name: new FormControl(''),
  position: new FormControl(''),
  office: new FormControl(''),
  salary: new FormControl(''),
  });
}

getAllUser() {
 this._userpost.getAllUser().snapshotChanges()
 .subscribe( res => {
  this.employeeList = res;
  console.log(this.employeeList);
 })

}

addUser(frm) {
 console.log(frm.value);
  this._userpost.insertUser(this.frm.value);
  this.frm.reset();
}

}

Мой служебный файл

  import { Injectable } from '@angular/core';
  import { HttpClient } from '@angular/common/http';
  import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
  import { User } from './user.model';

  @Injectable({
   providedIn: 'root'
  })
  export class UserService {

  userpostList: AngularFireList<User>;
  selectedEmployee: User = new User();

  constructor(private httpClient: HttpClient, private _firebase: 
    AngularFireDatabase) { 
    this.userpostList = _firebase.list('/userpost');
}

  getAllUser(): AngularFireList<User> {
    return this.userpostList;
  }

  insertUser(frm: User) {
    this.userpostList.push(frm);
 }

}
Теги:
angular
angularfire2
angular2-services
firebase-realtime-database

1 ответ

0
Лучший ответ

Ниже изменения меняются.

getAllUser() {
this._userpost.getAllUser().snapshotChanges()
  .subscribe(res => {
    this.employeeList = [];
    res.forEach(element => {
      let x = element.payload.toJSON();
      x["$key"] = element.key;
      this.employeeList.push(x as User);
    });
  });

}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню