Javascript Angular 2-表单提交未检索value属性
我对angular2和学习都是新手。以下代码不会将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
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表单以及模型和模板驱动版本之间差异的精彩视频,值得一看,以供学习,谢谢。我来看看