How to pass component reference in Input with *ngIf Angular2
<p>I have 2 sibling components in Angular2:</p>

<pre><code>&lt;test1 *ngIf="data"  [data] = "makes" #test1R&gt;&lt;/formModel&gt;
&lt;testing *ngIf="data" [test1Ref]="test1R"&gt;&lt;/testing&gt;
</code></pre>

<p>Component "Testing" has a function that call a function of test1 Component:</p>

<pre><code>export class Testing{

    @Input() test1Ref: test1Component;
    constructor() { }

    testFunction($event){
        this.test1Ref.hello();
    }
</code></pre>

<p>My problem is that <code>this.test1Ref</code> is undefined, because test1 component has *ngIf (<code>&lt;test1 *ngIf="data"</code>) , 
<br />but without *ngIf I have an error in test1 component for input value (<code>[data] = "makes"</code>). <br />How can I pass component reference with *ngIf</p>