Angular表单需要有两个表单组之一是有效的。
创始人
2024-10-23 08:31:15
0

在Angular表单中,需要至少有两个表单组件:FormsModule和ReactiveFormsModule。

例如,一个包含输入框和提交按钮的表单,可以通过以下方式进行控制:

  1. 新建一个表单组件

@Component({ selector: 'app-form', templateUrl: './form.component.html', styleUrls: ['./form.component.css'] }) export class FormComponent implements OnInit { registerForm: FormGroup;

constructor(private formBuilder: FormBuilder) { }

ngOnInit() { this.registerForm = this.formBuilder.group({ username: ['', Validators.required], password: ['', [Validators.required, Validators.minLength(6)]] }); }

onSubmit() { if (this.registerForm.invalid) { return; } } }

  1. 在HTML模板中添加表单元素

  1. 在页面中引用表单组件

这样,我们就可以创建一个具有验证和提交功能的表单。当表单中的任何一个表单组件无效时,提交按钮会被禁用。

相关内容

热门资讯

日前"如何下载wpk... 日前"如何下载wpk透视版"hhpoker有没有辅助(好像是真的辅助安装)-哔哩哔哩1、每一步都需要...
有消息称"如何下载德... 有消息称"如何下载德普之星辅助软件"来玩app破解(确实存在有辅助辅助器)-哔哩哔哩1、如何下载德普...
透视神器"we-po... 透视神器"we-poker有人玩吗"we-poker软件(都是是有辅助插件)-哔哩哔哩1、点击下载安...
透视辅助"大菠萝免费... 透视辅助"大菠萝免费辅助"wepoker怎么设置透视(竟然存在有辅助插件)-哔哩哔哩wepoker怎...
透视肯定"约局吧德州... 透视肯定"约局吧德州有挂吗"wepoker有透视吗(确实真的有辅助辅助器)-哔哩哔哩暗藏猫腻,小编详...
透视好友房"wepo... 透视好友房"wepoker游戏的安装教程"hhpoker有没有辅助(其实是真的辅助安装)-哔哩哔哩1...
透视苹果版"wepo... 透视苹果版"wepoker辅助器激活码"德州透视脚本(竟然存在有辅助插件)-哔哩哔哩1、wepoke...
不少玩家反映"hhp... 不少玩家反映"hhpoker辅助靠谱吗"we poker免费辅助器(竟然真的有辅助app)-哔哩哔哩...
据报道"佛手大菠萝有... 据报道"佛手大菠萝有挂吗"wepoker是不是有人用挂(都是真的是有辅助神器)-哔哩哔哩;1、wep...
据公告内容"hhpo... 据公告内容"hhpoker开挂教程"wepoker新号好一点吗(都是是真的辅助辅助器)-哔哩哔哩1、...