なぜngAfterViewInitでform.valueが空であるか

Question

ngAfterViewInitでフォームの値を取得しようとしています。残念ながら、それは常に空です。私は{"name1":null, "name2": null}のようなものを経験していますが、私は{ }を得ています。

ドキュメントを約ngAfterViewInit次の言葉：コンポーネントのビューと子ビューを初期化した後に呼び出さ

。

私はこの時点でフォームが作成されたと仮定していますが、なぜ私の値は空ですか？

私のhtml：

<form novalidate #form="ngForm"> 
    // <Item 1... 
    // <Item 2... 


    <button type="submit" (click)="search()" class="btn btn-default">Zoeken</button> 
</form> 

//This is displaying the correct value 
<div> 
    <p>Form: {{ form.value | json }}</p> 
    <p>Form status: {{ form.control.status }}</p> 
</div> 

コンポーネント：

export class BijComponent implements AfterViewInit, OnInit { 
    @ViewChild('form') form: FormGroup; 


    constructor(private bijService: BijService, private sessionService: SessionService) { } 

    ngOnInit() { 
     // Do stuff 
    } 

    ngAfterViewInit() { 
     let v = JSON.stringify(this.form.value);// is `{ }`??? 
    } 

    search(){ 
     //Search function 
    } 
} 

Answer 1

ためjavascriptのですが、私は少し説明しましょう：

あなたのフォームを作成すると、それは内部オブジェクトを作成します各フィールドを使用してフォームの値を格納し、データを設定します。

しかし、変数が影響を受けない場合、その値はnullではなく、undefinedであり、変数が存在しないことを意味します。

だからこそ、{}は{"name1":null, "name2": null}ではありません。