added form resetting

This commit is contained in:
Joe Arndt 2026-02-22 15:26:10 -06:00
parent 2ca674c3bb
commit 21e3741b21
2 changed files with 16 additions and 9 deletions

View file

@ -1,4 +1,4 @@
import { Component, input, model, signal } from '@angular/core';
import { Component, input, model, signal, viewChild } from '@angular/core';
import { MatCardModule } from '@angular/material/card';
import { MatButtonModule } from '@angular/material/button';
import { Expense, ExpenseService } from '../../services/expense.service';
@ -14,6 +14,7 @@ import { CurrencyPipe, DatePipe } from '@angular/common';
styleUrl: './expense.component.scss',
})
export class ExpenseComponent {
private form = viewChild(ExpenseFormComponent);
public expense = input<Expense>();
public editingExpense = signal(false);
@ -31,7 +32,7 @@ export class ExpenseComponent {
}
public resetAddClick(): void {
console.log('Reset Add expense form');
this.resetForm();
}
public async updateClick(): Promise<void> {
@ -40,8 +41,12 @@ export class ExpenseComponent {
}
public cancelUpdateClick(): void {
console.log('Canceling update');
this.editingExpense.set(false);
this.resetForm();
}
private resetForm(): void {
this.form()?.reset();
}
// const saveExpenseModel = this.expenseModel();