angular2の要素のイベントを登録できません

Question

angle2内のフォーム要素のイベントとイベントを試行します。 以下に示すように、コードを実行して開発者のChromeのコンソールを確認し、最初のデバッグポイント（breakpoint1）しかし、subcriveメソッドのinisideに到着しません..（breakpoint2） 私はネット上で検索し、すべてが私のアプリでうまくいくように見えます..なぜそれは動作していないのですか？

import { Component } from '@angular/core'; 
import {FormControl,FormGroup,FormBuilder,Validators} from '@angular/forms'; 
import { Auth } from '../../services/auth.service'; 
import {Observable} from 'rxjs/Rx'; 
@Component({ 
    moduleId:module.id, 
    selector: 'app-settings', 
    template: '<form [formGroup]="form" (ngsubmit)="submitFunc()"> 
        <input class="from-control" fromControlName="search"> 
       </form>' 
}) 
export class SettingsComponent { 
    form:FormGroup; 
    constructor(private auth: Auth, private fb:FormBuilder){ 
     debugger//breakpoint1. it comes here.. 
     this.form=fb.group({ 
      search:[] 
     }); 
     var searchRef = this.form.get('search'); 
     searchRef.valueChanges.subscribe(x=> { 
      debugger//breakpoint2. but not here.. 
      console.log(x); 
      }); 
    } 
    submitFunc(){ 
     console.log("form submitted"); 
    } 
} 

Answer 1

fromControlName="search" 

あなたは（タイプミスを含む）に変更した場合

formControlName="search" 

でなければなりません

[fromControlName]="'search'" 

次のエラーメッセージが表示されます。