migrate angular 21

src/app/modules/songs/song/edit/history/history.component.html

@@ -1,6 +1,10 @@
-<app-card *ngIf="song && song.edits" heading="letzte Änderungen">
-  <div *ngFor="let edit of song.edits" class="list">
-    <div>{{ edit.username }}</div>
-    <div>{{ edit.timestamp.toDate() | date: "dd.MM.yyyy" }}</div>
-  </div>
-</app-card>
+@if (song && song.edits) {
+  <app-card heading="letzte Änderungen">
+    @for (edit of song.edits; track edit) {
+      <div class="list">
+        <div>{{ edit.username }}</div>
+        <div>{{ edit.timestamp.toDate() | date: "dd.MM.yyyy" }}</div>
+      </div>
+    }
+  </app-card>
+}

src/app/modules/songs/song/edit/history/history.component.ts

@@ -3,14 +3,14 @@ import {first, map, switchMap} from 'rxjs/operators';
 import {ActivatedRoute} from '@angular/router';
 import {SongService} from '../../../services/song.service';
 import {Song} from '../../../services/song';
-import {DatePipe, NgFor, NgIf} from '@angular/common';
+import {DatePipe} from '@angular/common';
 import {CardComponent} from '../../../../../widget-modules/components/card/card.component';
 
 @Component({
   selector: 'app-history',
   templateUrl: './history.component.html',
   styleUrls: ['./history.component.less'],
-  imports: [NgIf, CardComponent, NgFor, DatePipe],
+  imports: [CardComponent, DatePipe],
 })
 export class HistoryComponent implements OnInit {
   public song: Song | null = null;