Как подключить базу данных Firebase Real-Time к моему приложению Angular 7? С операциями CRUD

Question

Я пытаюсь подключить свою базу данных реального времени к моему приложению Angular 7. И я пытаюсь написать код моего приложения Angular 7, чтобы можно было использовать операции CRUD для обновления базы данных.

Я добавил ключи API моей базы данных реального времени в файл environment.ts.

Я не уверен, какие коды (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();
  }

}

Это мой user.ts:

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