ngControl导致未定义

时间:2016-09-30 14:48:02

标签: angular

我试图简单地将绑定到输入字段的ngControl角度对象记录到控制台,这样我就可以看到它的内容了。下面是ngControl的一个非常基本的例子,看起来它应该可以工作,但是当我尝试登录到控制台时,我得到了未定义。

有没有人遇到过这个?我感谢任何协助解决。

应用组件

import {Component} from 'angular2/core';
import {ContactFormComponent} from './contact-form.component';

@Component({
    selector: 'my-app',
    directives: [ContactFormComponent],
    template: '<contact-form></contact-form>',
})
export class AppComponent {

}

联系表格模板

import {Component, Input} from 'angular2/core';

@Component({
    selector: 'contact-form',
    templateUrl: 'app/contact-form.component.html'
})
export class ContactFormComponent{
    log(x) {
        console.log(x);
    }
}

表单模板

<form>
    <div class="form-group">
        <label for="firstName">First Name</label>
        <input ngControl="firstName" #firstName="ngForm" (change)="log()" id="firstName" type="text" class="form-control">
    </div>
    <div class="form-group">
        <label for="comment">
            Comment
        </label>
        <textarea ngControl="comment" #comment="ngForm" (change)="log()" id="comment" cols="30" rows="10" class="form-control">
        </textarea>
        <button class="btn btn-primary" type="submit">Submit</button>
    </div>
</form>

1 个答案:

答案 0 :(得分:-2)

#comment="ngForm" => try #comment="Form"