2016-12-12 37 views
1

私は理解テンプレート変数の参照で少し問題があるNgFormで使用する場合、ここでangular2ドキュメントに何をされています角度2テンプレートの参照変数

<form (ngSubmit)="onSubmit(theForm)" #theForm="ngForm"> 
    <button type="submit" [disabled]="!theForm.form.valid">Submit</button> 
</form> 

theFormの値は何ですか?

Angularがそれを引き継いでいないとHTMLFormElementになります。実際にはngFormという というネイティブHTMLFormElementをラップし、ユーザ入力の有効性を追跡する能力などの追加の スーパーエンベロープを持つAngularビルトインNgFormディレクティブ への参照です。

ngForm変数を取得した場所から取得できないものは、NgFormディレクティブのプロパティですか。

答えて

2

EXPORTAS - コンポーネントインスタンスが テンプレート

ngFormでエクスポートされる名前その下では、角形状指令です。

exportAsキーを使用して、ローカル変数としてビューにディレクティブを公開することができます。ソースコードから

@Directive({ 
    selector: 'form:not([ngNoForm]):not([formGroup]),ngForm,[ngForm]', 
    exportAs: 'ngForm' 
    ... 
}) 

今、あなたはngFormとしてテンプレートにngFormディレクティブのAPIにアクセスすることができます。

あなたはこの書くとき:それは何

#theForm="ngForm" 

をテンプレートにローカル変数を作成し、フォームディレクティブの値です割り当てるです。

関連する問題