Angular NGC控制导致未定义
我试图简单地将绑定到输入字段的ngControl angular对象记录到console,以便查看其内容。下面是ngControl的一个非常基本的示例,看起来它应该可以工作,但是当我尝试登录到控制台时,我得到了未定义的信息 有人遇到过这种情况吗?我感谢在解决问题方面提供的任何帮助 应用程序组件Angular NGC控制导致未定义,angular,Angular,我试图简单地将绑定到输入字段的ngControl angular对象记录到console,以便查看其内容。下面是ngControl的一个非常基本的示例,看起来它应该可以工作,但是当我尝试登录到控制台时,我得到了未定义的信息 有人遇到过这种情况吗?我感谢在解决问题方面提供的任何帮助 应用程序组件 import {Component} from 'angular2/core'; import {ContactFormComponent} from './contact-form.component'
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>
名字
评论
提交
我没有看到您导入FormsModule或@angular/forms中允许您使用该指令的任何部分。你有一个NgModule导入FormsModule吗?我正在一步一步地学习一个视频教程,这个教程没有导入FormsModule,而且似乎对他有用,所以我假设在那个RC上不需要它?请注意,他直到本教程稍后才更新到最新的RC,而且这似乎对他有用。我建议遵循官方表单教程()。RC版本在广泛的更改方面节奏非常快,使用这些预发布版本的项目不太可能完全使用最新的Angular版本。请注意,angularjs
标记用于Angular 1.x。如果您使用的是angular2,只需使用angular2
标记即可。我看不到您导入FormsModule或@Angular/forms的任何部分会允许您使用该指令。你有一个NgModule导入FormsModule吗?我正在一步一步地学习一个视频教程,这个教程没有导入FormsModule,而且似乎对他有用,所以我假设在那个RC上不需要它?请注意,他直到本教程稍后才更新到最新的RC,而且这似乎对他有用。我建议遵循官方表单教程()。RC版本在广泛的更改方面节奏非常快,使用这些预发布版本的项目不太可能完全使用最新的Angular版本。请注意,angularjs
标记用于Angular 1.x。如果使用angular2,只需使用angular2
标记即可。
#comment="ngForm" => try #comment="Form"