added form resetting
This commit is contained in:
parent
2ca674c3bb
commit
21e3741b21
2 changed files with 16 additions and 9 deletions
|
|
@ -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();
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue