如何将Firebase实时数据库连接到Angular 7应用程序？使用积垢操作

我正在尝试将实时数据库连接到Angular 7应用程序。 我正在尝试编写Angular 7应用程序，以便能够使用CRUD操作更新数据库

我已经在environment.ts文件中添加了实时数据库的API密钥

我不确定要使用哪些代码（HTML、CRUD、Service.ts）。 （更多关于显示作业列表、添加作业和删除作业的信息） 比如要显示、添加的代码等

这是我的crud.service.ts：

import { Injectable } from '@angular/core';
import { AngularFireDatabase, AngularFireList, AngularFireObject } from '@angular/fire/database';
import { User } from '../shared/user';

@Injectable({
  providedIn: 'root'
})

export class CrudService {
  usersRef: AngularFireList<any>;      // Reference to users list, Its an Observable
  userRef: AngularFireObject<any>;     // Reference to user object, Its an Observable too


  constructor(private db: AngularFireDatabase) { }   // Inject AngularFireDatabase dependency in constructor


  // Create User
  AddUser(user: User) {
    this.usersRef.push({
      name: user.Name,
      Date: user.Date,
      CompletitionStatus: user.CompletionStatus
    })
  }

  // Read User
  GetUser(id: string) {
    this.userRef = this.db.object('users-list/' + id);
    return this.userRef;
  }

  // Read Users List
  GetUsersList() {
    this.usersRef = this.db.list('Homework');
    console.log(this.usersRef);
  }  

  // Update User
  UpdateUser(user: User) {
    this.userRef.update({
      name: user.Name,
      Date: user.Date,
      CompletitionStatus: user.CompletionStatus
    })
  }  

  // Delete User
  DeleteUser(id: string) { 
    this.userRef = this.db.object('users-list/'+id);
    this.userRef.remove();
  }

}

---

@HienNguyen补充道：“你们能把你们的源代码添加到问题中吗？你们可以检查一下。”！@HienNguyen补充道：“你们能把你们的源代码添加到问题中吗？你们可以检查一下。”！

export interface User {
    $key: string;
    Name: string;
    Date: string;
    CompletionStatus: string;
 }