Angular6 - ссылка на скрытый элемент

У меня есть сценарий, в котором я использую компонент, встроенный в мой шаблон html, и я хочу, чтобы он был скрыт, пока не будет установлен флажок. ОДНАКО, есть условие, которое определяет, должен ли "showControl" быть установлен в значение true или нет ... Условие определяется путем вызова метода элемента управления (здесь сценарий с курицей и яйцом).

HTML выглядит следующим образом:

<input type = "checkbox" (click) = "clickBox()" />

<div *ngIf = "showControl">
    <app-sample #appsampleref></app-sample>
</div>

И код .ts выглядит следующим образом:

@ViewChild(appsampleref) appSampleControl: AppSampleComponent;

clickBox() {
   if (this.appSampleControl.someMethod()) { 
       this.showControl = true;
   }
}

Приведенный выше код дает мне следующую ошибку:

ERROR TypeError: Unable to get property 'someMethod' of undefined or null reference

Как мне обойти этот сценарий, поскольку Angular, очевидно, не инициализирует мой элемент управления, пока он не будет показан.

Заранее благодарим за любые указатели! :)