在兄弟組件之間共享數據，而他們都使用* ngIf

Question

所以我有一個父組件，它承載2個兄弟組件。 這樣的事情

<div *ngif="somecode()">
 <sibling1>
 </sibling1>
</div>

<div *ngif="somecode()">
 <sibling1 [dataParams]=sibling1object.somedata>
 </sibling1>
</div>

所以我得到sibling1object.somedata未定義的錯誤但是當我從第1個div中刪除ngIf（）時，錯誤消失了。 * ngIf解析為true或false無關緊要。 所以即使sibling1成功加載，我也會收到錯誤。

Answer 1

使用[hidden]="!somecode()"而不是*ngIf="somecode()"

Answer 2

請在parent.component.ts中添加以下代碼

 public siblingOneLoaded: boolean = false;
 ngOnDestroy(): void {
        if (sibling1object.somedata) {
            this.siblingOneLoaded = true;
        }
    }

將以下代碼添加到html文件中

 <div *ngIf="siblingOneLoaded">
        <sibling1 [dataParams]=sibling1object.somedata>
        </sibling1>
    </div>