角度2の材料タブとngForm

Question

私はangular2 formsModuleとmaterial2 libraryを使用しています。

私は

error: Cannot read property 'valid' of undefined

formタグがmd-tabタグに包まれた、と私はエラーがそれに依存していることに気づいているの取得formタグの外にformの有効性を確認しようとしています。

ERROR：

<button (click)="check(fooForm.valid)"></button> 
<md-tab-group> 
    <md-tab label="One"> 
     <form (ngSubmit)="save()" #fooForm="ngForm"> 
      <input name="One"></input> 
      <input name="Two"></input> 
     </form> 
    </md-tab> 
</md-tab-group> 

NO ERROR：誰も私が間違って何をしてきた

<md-tab-group> 
    <md-tab label="One"> 
     <button (click)="check(fooForm.valid)"></button> 
     <form (ngSubmit)="save()" #fooForm="ngForm"> 
      <input name="One"></input> 
      <input name="Two"></input> 
     </form> 
    </md-tab> 
</md-tab-group> 

を発見していますか？ 私の英語は申し訳ありません。 HTML内とJSで

Answer 1

From what I know fooform is initialized on after view init but your function runes before this life cycle. So I would change my code like this

check(fooForm)

check(fooForm) { 
return fooForm && fooForm.vali 
}