[add]

檀家編集画面で保存すると詳細ページに遷移する処理。
檀家編集画面でキャンセルすると詳細ページに遷移する処理

src/app/pages/danka-edit/danka-edit.html

@@ -118,7 +118,7 @@
             削除
           </button>
 
-          <button type="button" class="cancel-button">
+          <button type="button" class="cancel-button" [routerLink]="['/danka-detail', danka?.id]">
             キャンセル
           </button>
 

src/app/pages/danka-edit/danka-edit.ts

@@ -7,7 +7,7 @@ import {
   ReactiveFormsModule,
   Validators,
 } from '@angular/forms';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { AppHeader } from '../../share/header/app-header';
 import { AppSideMenu } from '../../share/side-menu/app-side-menu';
 import { DankaService } from '../../services/dankaService';
@@ -15,7 +15,7 @@ import { Danka } from '../../models/danka';
 
 @Component({
   selector: 'app-danka-edit',
-  imports: [AppHeader, AppSideMenu, ReactiveFormsModule],
+  imports: [AppHeader, AppSideMenu, ReactiveFormsModule, RouterLink],
   templateUrl: './danka-edit.html',
   styleUrl: './danka-edit.scss',
 })
@@ -37,6 +37,7 @@ export class DankaEdit {
   constructor(
     private dankaService: DankaService,
     private route: ActivatedRoute,
+    private router: Router,
   ) {
     const id = this.route.snapshot.params['id'];
     if (id) {
@@ -99,6 +100,7 @@ export class DankaEdit {
     };
 
     this.dankaService.saveDanka(updatedDanka);
+    this.router.navigate(['./danka-detail', this.danka.id]);
     console.log(this.dankaService.getDankaList());
   }
 }