28 lines
794 B
TypeScript
28 lines
794 B
TypeScript
import { Component } from '@angular/core';
|
|
import { CommonModule } from '@angular/common'; // Import CommonModule
|
|
|
|
interface Task {
|
|
id: number;
|
|
title: string;
|
|
completed: boolean;
|
|
}
|
|
|
|
@Component({
|
|
selector: 'app-task-list',
|
|
standalone: true,
|
|
imports: [CommonModule], // Füge CommonModule hier hinzu
|
|
templateUrl: './task-list.component.html',
|
|
styleUrls: ['./task-list.component.css']
|
|
})
|
|
export class TaskListComponent {
|
|
tasks: Task[] = [
|
|
{ id: 1, title: 'Design erstellen', completed: true },
|
|
{ id: 2, title: 'Backend implementieren', completed: false },
|
|
{ id: 3, title: 'Frontend entwickeln', completed: false },
|
|
{ id: 4, title: 'Testing durchführen', completed: false }
|
|
];
|
|
|
|
toggleCompletion(task: Task): void {
|
|
task.completed = !task.completed;
|
|
}
|
|
}
|