我正在尝试ngModel
从文本输入进行绑定,但它不起作用。这是我的代码:
模板:
<form (ngSubmit)="onSubmit()">
<div class="form-group">
<input type="text" class="form-control" [(ngModel)]="message">
</div>
<input type="submit">
</form>
成分:
export class Component implements OnInit {
message:string
onSubmit() {
console.log(this.message);
}
}
总是得到未定义的值。如何将文本输入中的值绑定到变量?
你缺少 ngForm
<form #f="ngForm" (ngSubmit)="onSubmit(f)">
<div class="form-group">
<input type="text" class="form-control" name="message" [(ngModel)]="message">
</div>
<input type="button">
</form>
export class Component implements OnInit {
message:string
ngOnInit() {
this.message = "test";
}
onSubmit(form: ngForm) {
console.log(form.value);
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句