Angular默认是响应式的。当你在Angular中创建一个表单时,它会自动为表单元素添加一些响应式功能,例如双向绑定和表单验证。
下面是一个简单的示例,展示了如何在Angular中创建一个响应式表单:
npm install @angular/forms
FormsModule
:import { FormsModule } from '@angular/forms';
FormsModule
到你的模块的imports
数组中:@NgModule({
imports: [
FormsModule
],
// ...
})
export class AppModule { }
ngModel
指令进行双向绑定:
在上述示例中,name
属性会与输入框进行双向绑定。每当输入框的值发生变化时,name
属性也会相应地更新。
这就是Angular中创建响应式表单的基本步骤。你可以根据需要添加更多的表单元素,并使用Angular提供的其他响应式功能,例如表单验证和动态表单控件等。