Выполнить функцию дочерних компонентов, когда дочерний элемент скрыт

Question

У меня есть дочерний компонент, который не отображается на странице.Он управляется с использованием логического значения.

Я хочу выполнить его функцию, даже если она не отображается.Я объявил экземпляр дочерних компонентов, как показано ниже:

  @ViewChild(ChildComponent) child: ChildComponent; 

Но когда я выполняю его функцию, переменная child отображается как неопределенная, поскольку она скрыта (я так думаю).

Answer 1

Если вы используете * ngIf , чтобы скрыть свой ChildComponent, он не будет читать ваш @ViewChild (ChildComponent), поскольку ngIf означает, что вы опускаете что-то в вашей DOM, которое не будет физически видимым.

Принимая во внимание, что если вы используете [скрытый] в вашем ChildComponent, он будет скрыт в вашем DOM, но все еще существует в вашем шаблоне и вашем @ViewChild(ChildComponent) сможет прочитать его.

<child [hidden]="true"></child>    // Try using [hidden] rather than *ngIf