2017-02-02 8 views
1

私は一部が少し古くなっているAngular2コースを進んでいます。Angular2(beta)valueChanges.subscribeコンソールでトレース結果がありません。

私は、この単純なコードを1つの入力フィールドがあるフォームに使用しています。ユーザーが入力フィールドにテキストを入力すると、そのテキストがコンソールに記録されるはずですが、何も表示されず、エラー警告も表示されません。私は文法の問題だと思うが、私がオンラインで何を提案しても、それをコンソールに出力することはできない。ここでは、コードです:

import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core'; 
import { FormGroup, FormBuilder } from '@angular/forms'; 
import { Observable } from 'rxjs/Rx'; 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <form [formGroup]="form"> 
     <input type="text" #search class="form-control"> 
    </form> 
}) 

export class AppComponent { 

    form: FormGroup; 

    constructor(fb: FormBuilder) { 
     this.form = fb.group({ 
      search: [] 
     }); 

     var search = this.form.controls['search']; 
     search.valueChanges 
      .subscribe(x => { console.log(x) }); 
    } 
} 

はあなたの助けをありがとう!

+0

ブリリアント追加、ありがとうございました!私はそれが何か簡単だと分かっていました。 – Pingoo1978

答えて

0

コントロールと要素が接続されていません。

formControlName="search"

<input type="text" formControlName="search" #search class="form-control"> 
関連する問題