обмениваться данными между одноуровневыми компонентами, в то время как оба они используют * ngIf

Question

Итак, у меня есть родительский компонент, в котором размещены 2 компонента-брата.что-то вроде этого

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

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

, поэтому я получаю сообщение об ошибке, что sibling1object.somedata не определен, но когда я удаляю ngIf () из 1-го div, ошибка исчезает.Не имеет значения, разрешает ли * 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>