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
1234567891011121314151617181920212223242526272829303132333435363738import { Component, EventEmitter, Input, Output, inject } from '@angular/core';import { FormsModule } from '@angular/forms';
import { type NewTaskData } from '../task/task.model';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 { @Input({ required: true }) userId!: string; @Output() close = new EventEmitter<void>(); enteredTitle = ''; enteredSummary = ''; enteredDate = ''; private tasksService = inject(TasksService);
onCancel() { this.close.emit(); }
onSubmit() { this.tasksService.addTask( { title: this.enteredTitle, summary: this.enteredSummary, date: this.enteredDate, }, this.userId ); this.close.emit(); }}