firebase-crud.component.ts

import { Component, OnInit } from '@angular/core';

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

  studentDetails = {
    name: '',
    age: ''
  }

  constructor() { }

  studentCollectiondata = [
    {
      name: 'Sankhadip Samanta',
      age: 21,
      id: '1111'
    },
    {
      name: 'Sankhadip Samanta',
      age: 21,
      id: '1111'
    }
  ]

  ngOnInit(): void {
  }

  add() {
    const { name, age } = this.studentDetails;
  }

  get() {

  }

  delete(docId: string) {
    console.log(docId);
  }

  update(docId: string, name: HTMLInputElement, age: HTMLInputElement) {
    console.log(docId);
    console.log(name.value);
    console.log(age.value)
  }

}