httpPost в Angular 8 и ошибка httpoption

Question

Я хочу сохранить информацию, я получаю информацию о компоненте, но он предупреждает httpOptions в службе. Когда я удаляю httpOptions, он входит в handleError. созданный webApi asp. net core2.1 Проблема не с сервером, потому что я тестировал его с почтальоном, и он был прав. Как исправить мою проблему?

Personal.Servise:

 private UrlMessage:string="https://localhost:44302/Message";
      postMessage(message: IMessage): Observable<IMessage[]> {
        console.warn('2: '+message);
        return this.http.post<IMessage>(this.UrlMessage, message,httpOptions)
          .pipe(
            catchError(this.handleError(message)))
      }
      handleError(message: IMessage): any {
        throw new Error("Method not implemented.");
      }

message.component.ts:

export class MessageComponent implements OnInit {

  constructor(private _servise:PersonalServiceService) { }
  Message = new FormGroup({
    fullName: new FormControl(''),
    email: new FormControl(''),
    phone: new FormControl(''),
    text: new FormControl('')
  });
Msg=[];
  ngOnInit(): void {
  }
  onSubmit() {
    console.warn(this.Message.value);
    this._servise.postMessage(this.Message.value).subscribe(data=>this.Msg.push(data));
  }

Ошибка: не удается найти имя 'httpOptions'.

консоль:

[WDS] Disconnected! client:172
[WDS] Live Reloading enabled. client:52
Object { fullName: "Ali", email: "Ali@gmail.com", phone: "1234567", text: "test" }
message.component.ts:23:12
2: [object Object] personal-service.service.ts:35:12
ERROR ReferenceError: "httpOptions is not defined"
    postMessage personal-service.service.ts:36
    onSubmit message.component.ts:24
    MessageComponent_Template_form_ngSubmit_12_listener message.component.html:13
    Angular 3
    RxJS 5
    Angular 13
core.js:6185:19

Предварительно сохраненная информация от SqlServer:

Answer 1

Пожалуйста, попробуйте вот так.

      import { HttpHeaders } from '@angular/common/http';



      private UrlMessage:string="https://localhost:44302/Message";
      postMessage(message: IMessage): Observable<IMessage[]> {
        console.warn('2: '+message);
        const httpOptions = {
            headers: new HttpHeaders({
                'Content-Type':  'application/json',
            })
        };
        return this.http.post<IMessage>(this.UrlMessage, message,httpOptions)
          .pipe(
            catchError(this.handleError(message)))
      }

      handleError(message: IMessage): any {
        throw new Error("Method not implemented.");
      }