[add]

檀家情報の新規追加の処理

src/app/app.routes.ts

     path: 'danka-detail/:id',
     component: DankaDetail,
   },
+  {
+    path: 'danka-new',
+    component: DankaEdit,
+  },
   {
     path: 'danka-edit/:id',
     component: DankaEdit,

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

   danka: Danka | undefined;
 
   dankaForm = new FormGroup({
-    householdName: new FormControl('鈴木家'),
-    householder: new FormControl('鈴木 太郎'),
-    postalCode: new FormControl('123-4567'),
-    address: new FormControl('市内 1-2-3'),
+    householdName: new FormControl(''),
+    householder: new FormControl(''),
+    postalCode: new FormControl(''),
+    address: new FormControl(''),
     phones: new FormArray([
-      this.createPhoneForm('03-xxxx-xxxx', '自宅'),
-      this.createPhoneForm('090-xxxx-xxxx', '世帯主'),
-      this.createPhoneForm('0584-xx-xxxx', '寺報連絡'),
+      this.createPhoneForm('', ''),
+      this.createPhoneForm('', ''),
+      this.createPhoneForm('', ''),
     ]),
   });
 
 
   //保存の処理
   saveDanka() {
-    if (!this.danka) {
-      return;
-    }
-
     const formValue = this.dankaForm.value;
+    const isEdit = !!this.danka;
+    const dankaId = isEdit ? this.danka!.id : Date.now().toString();
 
     const updatedDanka = {
-      id: this.danka.id,
+      id: dankaId,
       householdName: formValue.householdName ?? '',
       householder: formValue.householder ?? '',
       postalCode: formValue.postalCode ?? '',
     };
 
     this.dankaService.saveDanka(updatedDanka);
-    this.router.navigate(['./danka-detail', this.danka.id]);
-    console.log(this.dankaService.getDankaList());
+
+    if (isEdit) {
+      this.router.navigate(['/danka-detail', dankaId]);
+    } else {
+      this.router.navigateByUrl('/danka-list');
+    }
+
   }
 
   //削除の処理
     console.log(this.dankaService.getDankaById(this.danka.id));
     this.router.navigateByUrl('/danka-list');
   }
- }
+}