[add]

檀家編集画面で檀家除法の削除処理。
削除後に一覧に戻る処理。

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

@@ -114,7 +114,7 @@
         </div>
 
         <div class="bottom-actions">
-          <button type="button" class="delete-button">
+          <button type="button" class="delete-button" (click)="deleteDanka()">
             削除
           </button>
 

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

@@ -80,6 +80,7 @@ export class DankaEdit {
     this.phones.removeAt(index);
   }
 
+  //保存の処理
   saveDanka() {
     if (!this.danka) {
       return;
@@ -103,4 +104,16 @@ export class DankaEdit {
     this.router.navigate(['./danka-detail', this.danka.id]);
     console.log(this.dankaService.getDankaList());
   }
-}
+
+  //削除の処理
+  deleteDanka() {
+    if (!this.danka) {
+      return;
+    }
+
+    const deleteDankaId = this.danka.id;
+    this.dankaService.deleteDanka(deleteDankaId);
+    console.log(this.dankaService.getDankaById(this.danka.id));
+    this.router.navigateByUrl('/danka-list');
+  }
+ }

src/app/services/dankaService.ts

@@ -44,4 +44,15 @@ export class DankaService {
     }
     this.dankaList[index] = updatedDanka;
   }
+
+  //DBの檀家情報の削除
+  deleteDanka(id: string): void {
+    const index = this.dankaList.findIndex((danka) => danka.id === id);
+    if (index === -1) {
+      return;
+    }
+    this.dankaList.splice(index, 1);
+  }
+
+
 }