要显示表单的值,可以使用Angular的模板语法和表单控件的值绑定。
以下是一个使用Angular 6的示例:
FormControl
类初始化它:import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
@Component({
selector: 'app-form',
templateUrl: './form.component.html',
styleUrls: ['./form.component.css']
})
export class FormComponent {
name = new FormControl('');
}
ngModel
指令将表单控件与输入框绑定,以及在页面上显示表单的值:
{{ name.value }}
在这个示例中,ngModel
指令将输入框的值与name.value
绑定,name.value
将显示在标签中。
FormsModule
,以便使用ngModel
指令:import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule
]
})
export class AppModule { }
这样,当用户在输入框中输入值时,它将立即在页面上显示出来。
希望以上解决方法对你有帮助!