Почему я получаю неопределенную ошибку при совместном использовании ngIf и ViewChild

Question

Angular CLI6

В моем компоненте у меня есть:

@ViewChild('necRiskAnalysisDialog')
private necRiskAnalysisDialog;

, в какой-то момент я звоню

this.necRiskAnalysisDialog.set(...

В моем html, я имею

<div>
<div *ngIf="someCondition">
    <nec-risk-analysis #necRiskAnalysisDialog></nec-risk-analysis>
</div>
</div>

Я получаю неопределенное значение для necRiskAnalysisDialog в строке, где я говорю this.necRiskAnalysisDialog.set

Как мне обойти это?

Answer 1

Убедитесь, что вы обращаетесь к свойству viewChild () из метода ngAfterViewInit ().

Stackblitz: https://stackblitz.com/edit/angular-nzznko

Вы можете поиграть со свойством testcond и обратиться к console.log ().