保存按钮点击时，FormArray不显示mat错误。_编程开发

保存按钮点击时，FormArray不显示mat错误。

创始人

2024-11-22 05:00:17

0次

要解决“保存按钮点击时，FormArray不显示mat错误。”的问题，你可以尝试以下解决方法：

确保在保存按钮点击时，通过调用markAllAsTouched()方法或循环遍历FormArray中的每个表单控件，并将其标记为已触摸。

示例代码：

// 在保存按钮点击事件处理程序中
onSave() {
  // 表单标记为已触摸
  this.form.markAllAsTouched();

  // 或者循环遍历FormArray中的每个控件并标记为已触摸
  const formArrayControls = this.form.get('formArrayName').controls;
  formArrayControls.forEach(control => {
    control.markAsTouched();
  });

  // 其他保存逻辑...
}

确保在模板中使用mat-error或mat-form-field的errorStateMatcher属性来显示错误状态。

示例代码：



  
  
    错误消息
  




  
  
    错误消息

注意：以上示例中的fieldName应替换为你实际的表单控件名称。

通过以上解决方法，当保存按钮被点击时，FormArray中的mat错误应该能够正确显示。

上一篇：保存按钮的背景？

下一篇：保存按钮后更新数据表

保存按钮点击时，FormArray不显示mat错误。

相关内容

热门资讯