Я не могу получить список пользователей в 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);
}
}
Ниже изменения меняются.
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);
});
});
}