added

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

-import { Component } from '@angular/core';
+import { ChangeDetectorRef, Component } from '@angular/core';
 import {
   ElementRef,
   ViewChild,
     private familyTreeLayout: FamilyTreeLayoutService,
     private familyUnitLayout: FamilyUnitLayoutService,
     private eventService: EventService,
+    private cdr: ChangeDetectorRef,
   ) {
 
     const tab = this.route.snapshot.queryParams['tab'];
   async init(): Promise<void> {
     const id = this.route.snapshot.params['id'];
 
-    console.log('id', id);
-
-    this.danka = await this.dankaService.getDankaById(id);
-
-    console.log('danka', this.danka);
-
-    this.marriageRelations =
-      await this.marriageRelationService.getMarriageRelationsByDankaId(id);
-
-    console.log('marriageRelations', this.marriageRelations);
-
-    this.families =
-      await this.familyService.getFamiliesByDankaId(id);
-
-    console.log('families', this.families);
-
-    this.kakocholist =
-      await this.kakochoService.getKakochoByDankaId(id);
-
-    console.log('kakocholist', this.kakocholist);
-
     if (!id) return;
 
     this.danka = (await this.dankaService.getDankaById(id)) ?? undefined;
       this.kakochoByNameMap.set(key, k);
     });
 
+    // Angularへ反映
+    this.cdr.detectChanges();
+
+    // DOM描画完了待ち
+    await new Promise(resolve => setTimeout(resolve));
+
   }
 
   ngAfterViewInit(): void {