[add]

家系図に関係があると父、母、配偶者に初期値が出力

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

               <div class="form-row">
                 <label for="name">氏名</label>
                 <div class="form-field">
-                  <input
-                    id="name"
-                    type="text"
-                    formControlName="name"
-                  />
+                  <input id="name" type="text"
+                         formControlName="name"/>
                   @if (familyForm.get('name')?.invalid && familyForm.get('name')?.touched) {
                     <p class="error-message">氏名を入力してください。</p>
                   }
               <div class="form-row">
                 <label for="furigana">ふりがな</label>
                 <div class="form-field">
-                  <input
-                    id="furigana"
-                    type="text"
-                    formControlName="furigana"
-                  />
+                  <input id="furigana" type="text"
+                         formControlName="furigana"/>
                   @if (familyForm.get('furigana')?.invalid && familyForm.get('furigana')?.touched) {
                     <p class="error-message">ふりがなを入力してください。</p>
                   }
               <div class="form-row">
                 <label for="relationship">世帯主との関係</label>
                 <div class="form-field">
-                  <select
-                    id="relationship"
-                    formControlName="relationship"
-                  >
+                  <select id="relationship"
+                          formControlName="relationship">
                     <option value="">選択してください</option>
                     <option value="世帯主">世帯主</option>
                     <option value="配偶者">配偶者</option>
                     <option value="次女">次女</option>
                     <option value="その他">その他</option>
                   </select>
-
                   @if (familyForm.get('relationship')?.invalid && familyForm.get('relationship')?.touched) {
                     <p class="error-message">世帯主との関係を選択してください。</p>
                   }
                 </div>
               </div>
 
+              <div class="form-row">
+                <label for="gender">性別</label>
+                <div class="form-field">
+                  <select id="gender" formControlName="gender">
+                    <option value="unknown">未設定</option>
+                    <option value="male">男性</option>
+                    <option value="female">女性</option>
+                  </select>
+                </div>
+              </div>
+
               <div class="form-row">
                 <label for="birthDate">生年月日</label>
                 <div class="form-field">
-                  <input
-                    id="birthDate"
-                    type="date"
-                    formControlName="birthDate"
-                  />
+                  <input id="birthDate" type="date"
+                         formControlName="birthDate"/>
                 </div>
               </div>
 
               <div class="form-row">
                 <label for="fatherId">父</label>
                 <div class="form-field">
-                  <select
-                    id="fatherId"
-                    formControlName="fatherId"
-                  >
+                  <select id="fatherId" formControlName="fatherId">
                     <option value="">選択なし</option>
                     @for (family of getFamilyOptions(); track family.id) {
                       <option [value]="family.id">
               <div class="form-row">
                 <label for="motherId">母</label>
                 <div class="form-field">
-                  <select
-                    id="motherId"
-                    formControlName="motherId"
-                  >
+                  <select id="motherId" formControlName="motherId">
                     <option value="">選択なし</option>
                     @for (family of getFamilyOptions(); track family.id) {
                       <option [value]="family.id">
               <div class="form-row">
                 <label for="spouseId">配偶者</label>
                 <div class="form-field">
-                  <select
-                    id="spouseId"
-                    formControlName="spouseId"
-                  >
+                  <select id="spouseId" formControlName="spouseId">
                     <option value="">選択なし</option>
                     @for (family of getFamilyOptions(); track family.id) {
                       <option [value]="family.id">
               <div class="form-row">
                 <label for="note">備考</label>
                 <div class="form-field">
-                  <textarea
-                    id="note"
-                    formControlName="note"
-                    rows="4"
-                  ></textarea>
+                  <textarea id="note" formControlName="note" rows="4"></textarea>
                 </div>
               </div>
 
             <div class="householder-area">
               <h3>この方を世帯主にする</h3>
 
-              <button
-                type="button"
-                class="set-householder-button"
-                (click)="setAsHouseholder()"
-              >
+              <button type="button"
+                      class="set-householder-button"
+                      (click)="setAsHouseholder()">
                 世帯主に設定
               </button>
             </div>
         </div>
 
         <div class="bottom-actions">
-          <button
-            type="button"
-            class="delete-button"
-            (click)="deleteFamily()">
+          <button type="button" class="delete-button" (click)="deleteFamily()">
             削除
           </button>
 
             キャンセル
           </button>
 
-          <button
-            type="button"
-            class="save-button"
-            [disabled]="familyForm.invalid"
-            (click)="saveFamily()"
-          >
+          <button type="button" class="save-button"
+                  [disabled]="familyForm.invalid" (click)="saveFamily()">
             保存
           </button>
         </div>

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

   families: Family[] = [];
   dankaId: string = '';
   familyId: string | null = null;
+  relationMode: string = '';
+  baseFamilyId: string = '';
 
   constructor(
     private familyService: FamilyService,
     this.dankaId = this.route.snapshot.params['dankaId'];
     this.familyId = this.route.snapshot.params['familyId'];
     this.families = this.familyService.getFamiliesByDankaId(this.dankaId);
+    this.relationMode = this.route.snapshot.queryParamMap.get('relationMode') ?? '';
+    this.baseFamilyId = this.route.snapshot.queryParamMap.get('baseFamilyId') ?? '';
     if (this.familyId) {
       this.family = this.familyService.getFamilyById(this.familyId);
       if (this.family) {
         });
       }
     }
+
+    if (!this.familyId && this.relationMode === 'spouse') {
+      this.familyForm.patchValue({
+        spouseId: this.baseFamilyId,
+      });
+    }
+
+    if (!this.familyId && this.relationMode === 'child') {
+      this.familyForm.patchValue({
+        fatherId: this.baseFamilyId,
+      });
+    }
   }
 
   familyForm = new FormGroup({
     fatherId: new FormControl(''),
     motherId: new FormControl(''),
     spouseId: new FormControl(''),
+    gender: new FormControl('unknown'),
   });
 
   getAgeText() {
     const birthDate = this.familyForm.get('birthDate')?.value;
     if (!birthDate) {
-      return "生年月日を入力すると自動計算されます";
+      return '生年月日を入力すると自動計算されます';
     }
     const birth = new Date(birthDate);
     const today = new Date();
       fatherId: this.familyForm.value.fatherId ?? '',
       motherId: this.familyForm.value.motherId ?? '',
       spouseId: this.familyForm.value.spouseId ?? '',
+      gender: this.familyForm.value.gender ?? 'unknown',
     };
     this.familyService.saveFamily(updatedFamily);
     this.router.navigate(['/danka-detail', dankaId], { queryParams: { tab: 'family' } });