html - 検証のために子コンポーネントのフォームにアクセスする

Question

ツリーの子コンポーネントを含むマスター コンポーネントがある Angular 2 アプリケーションがあります。

私の子コンポーネントの1つ（user_inputと呼びましょう）には、ユーザー入力のあるフォームがあります。私のマスターコンポーネントには、子コンポーネントのフォームが有効かどうかを確認する必要があるボタンがあり、有効になっています。

経由でアクセスしようとしました。(master.view.html より)

<user_input #usrInput></user_input><button                           

[disabled]="!usrInput.formname.form.valid(click)="next()">
Next</button>

しかし、私の user_input フォームはマスターの検証時に初期化されていないため、「不明なタイプの」例外がスローされます。

これを解決する賢い方法はありますか？私は 2 つのサービスを共有していますが、これには使用したくありません。

前もって感謝します！

[アップデート]

ngSwitch に子要素があります。

  <div *ngSwitchCase="0">
    <create-user-info></create-user-info>
  </div>

  <div *ngSwitchCase="1">
    <create-user-services></create-user-services>
  </div>

  <div class="col-lg-12" *ngSwitchCase="2">
    <create-user-conditions></create-user-conditions>
  </div>

</div>

それを移動すると、エラーは解決されました。ngSwitchに入れる必要があったので、以下に親切に提供されたソリューションを使用しました