Something went wrong. Try again.
Some angular code i wrote while following: Angular - The Complete Guide (2025 Edition)
Something went wrong. Try again.
TypeScript
at master
123456789101112131415161718192021import { Component, ElementRef, inject, viewChild } from '@angular/core';import { FormsModule } from '@angular/forms';import { TasksService } from '../tasks.service';
@Component({ selector: 'app-new-task', standalone: true, imports: [FormsModule], templateUrl: './new-task.component.html', styleUrl: './new-task.component.css',})export class NewTaskComponent { private formEl = viewChild<ElementRef<HTMLFormElement>>('form'); private tasksService = inject(TasksService);
onAddTask(title: string, description: string) { this.tasksService.addTask({ title: title, description: description }); this.formEl()?.nativeElement.reset(); }}