Angular:如何通过代码触发表单提交并更新form.submitted状态
问题:Angular表单提交状态无法通过箭头键触发更新
我有一个分步表单,每次仅显示一个问题,支持前后切换操作。为提升操作便捷性,我通过onkeypress绑定了左右箭头键——右键事件会触发表单提交逻辑。但表单控件的验证样式依赖表单提交状态,即使用[ngClass]="{ 'was-validated': form.submitted }"来控制。
当用户通过右键完成最后一个问题时,错误消息能正常显示,但验证样式不生效,原因是form.submitted属性仍为false,且该属性是只读的,无法手动修改。
我已经尝试过以下代码,但都没解决问题:
this._form.form.markAllAsTouched(); this._form.form.markAsTouched(); this._form.ngSubmit.emit();
请问该如何触发表单提交以更新form.submitted状态?
(注:原问题附带示例展示了表单提交时样式正常变绿,而事件触发提交时样式无变化的区别)
内容的提问来源于stack exchange,提问作者Sean
相关产品推荐
相关产品推荐

