这个问题通常发生在将表单提交到服务器时，其中带有空值的列会被拒绝。解决此问题的一种方法是将表单数据处理为JavaScript对象，然后使用Angular的HTTP服务将其发送到服务器。

以下是代码示例，演示如何处理表单数据并将其发送到服务器以避免此错误：

在Angular组件的HTML模板中，使用ngForm指令来定义一个表单，并指定一个函数来处理表单的提交：

  
  提交

在组件的代码中，定义一个函数来处理表单的提交，并使用HTTP服务来发送表单数据到服务器：

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'my-app',
  template: `
    

      
      提交
    
  `,
})
export class AppComponent {
  user_name: string;

  constructor(private http: HttpClient) {}

  onSubmit(form) {
    const formData = { user_name: this.user_name };
    this.http.post('/api/user', formData)
      .subscribe(
        data => console.log('提交成功', data),
        error => console.error('提交失败', error)
      );
  }
}

在这个示例中，表单数据被序列化为JavaScript对象formData，并且使用Angular的HttpClient服务将它们发送到服务器的/api/user端点。如果服务器响应成功，则输出“提交成功”，否则输出“提交失败”和错误信息。