Update

Service

editStudent(id: string, firstName: string): Promise<void> {
    const studentDoc = doc(this.firestore, 'students', id);
    return updateDoc(studentDoc, {
      firstName: firstName,
    });
  }

Component

onEdit(id: string, firstName: string) {
    this.loginForm.setValue({ firstName: firstName });
    this.editingStudentId = id;
    this.isEditing = true;
    this.nameInputRef.nativeElement.focus();
  }

Template

<button (click)="onEdit(item.id, item.firstName)" type="button" class="btn btn-warning">
  Edit
</button>