Javascript Angular 2-表单提交未检索value属性

Javascript Angular 2-表单提交未检索value属性,javascript,forms,angular,typescript,angular-forms,Javascript,Forms,Angular,Typescript,Angular Forms,我对angular2和学习都是新手。以下代码不会将f.value输出到控制台。它返回一个空对象。我是不是遗漏了什么。我使用的是rc4 任何帮助都会很好 组件。ts 从'@angular/core'导入{Component}; 从'@angular/forms'导入{NgForm}; @组成部分({ moduleId:module.id, 选择器:“fa模板驱动表单”, templateUrl:“模板驱动的表单.component.html”, styleUrls:['template-drive

我对angular2和学习都是新手。以下代码不会将
f.value
输出到控制台。它返回一个空对象。我是不是遗漏了什么。我使用的是rc4

任何帮助都会很好

组件。ts

从'@angular/core'导入{Component};
从'@angular/forms'导入{NgForm};
@组成部分({
moduleId:module.id,
选择器:“fa模板驱动表单”,
templateUrl:“模板驱动的表单.component.html”,
styleUrls:['template-driven-form.component.css']
})
导出类TemplateDrivenFormComponent{
onSubmit(表格:NgForm){
console.log(form);//结果为{}
}
}
模板驱动的form.component.html

模板驱动表单
用户名
电子邮件
密码
注册
package.json

{   
   "@angular/common": "2.0.0-rc.4",
   "@angular/compiler": "2.0.0-rc.4",
   "@angular/core": "2.0.0-rc.4",
   "@angular/forms": "0.2.0",
   "@angular/http": "2.0.0-rc.4",
   "@angular/platform-browser": "2.0.0-rc.4",
   "@angular/platform-browser-dynamic": "2.0.0-rc.4",
   "@angular/router": "3.0.0-beta.2", 
}

应该是“onSubmit(f.value)”。

这是一个关于Angular 2表单以及模型和模板驱动版本之间差异的精彩视频,值得一看,以供学习,谢谢。我来看看