Angular2 (베타) valueChanges는 콘솔에서 결과를 추적하지 않습니다.

Question

일부는 오래된 버전 인 Angular2 코스를 진행합니다.

하나의 입력 필드가있는 양식에이 간단한 코드가 있습니다. 사용자가 입력 필드에 텍스트를 입력하면 해당 텍스트가 콘솔에 기록되지만 아무 것도 얻지 못하고 오류 경고도 표시되지 않습니다. 필자는 이것이 구문 문제라고 생각하지만 온라인에서 어떤 제안을 했더라도 단순히 텍스트를 콘솔에 출력 할 수는 없습니다. 코드는 다음과 같습니다.

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) }); 
    } 
} 

감사합니다.

Answer 1

컨트롤과 요소가 연결되지 않았습니다.

이 formControlName="search"

<input type="text" formControlName="search" #search class="form-control">