Angular2（测试版）valueChanges.subscribe 未在控制台中跟踪结果

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">

Angular2（测试版）valueChanges.subscribe 未在控制台中跟踪结果

Angular2 (beta) valueChanges.subscribe not tracing result in console

angular

beta