Angular Post请求未发送到服务器

Angular Post请求未发送到服务器,angular,forms,angular-httpclient,Angular,Forms,Angular Httpclient,我试图将数据发布到我的API中,我从表单中提取数据 问题是它根本不会尝试发送post请求。Register.component.ts: import { Component, OnInit } from '@angular/core'; import { RegisterService } from '../register.service'; import { FormGroup, FormBuilder, FormControl, Validators, FormArray, Reactiv

我试图将数据发布到我的API中,我从表单中提取数据

问题是它根本不会尝试发送post请求。Register.component.ts:

import { Component, OnInit } from '@angular/core';
import { RegisterService } from '../register.service';
import { FormGroup, FormBuilder, FormControl, Validators, FormArray, ReactiveFormsModule } from '@angular/forms';
import { user } from '../user'
@Component({
  selector: 'app-register',
  templateUrl: './register.component.html',
  styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit {
  public myForm: FormGroup;
  public submitted: boolean;
  public events: any[] = [];

  constructor(private registerService: RegisterService, 
  private _fb: FormBuilder) { }

  ngOnInit() {
    this.myForm = new FormGroup({
      username: new FormControl('', [<any>Validators.required, <any>Validators.minLength(5)]),
      email: new FormControl('', [<any>Validators.required, <any>Validators.minLength(5)]),
      org_number: new FormControl('', [<any>Validators.required, <any>Validators.minLength(5)]),
      password: new FormControl('', [<any>Validators.required, <any>Validators.minLength(8)])
    });
  }

  save(model: user, isValid: boolean){
    this.submitted = true;
    this.registerService.postUser(model)
    console.log(model, isValid)
  }
从'@angular/core'导入{Component,OnInit};
从“../register.service”导入{RegisterService};
从'@angular/forms'导入{FormGroup,FormBuilder,FormControl,Validators,FormArray,ReactiveFormsModule};
从“../user”导入{user}
@组成部分({
选择器:“应用程序寄存器”,
templateUrl:“./register.component.html”,
样式URL:['./register.component.css']
})
导出类RegisterComponent实现OnInit{
公共myForm:FormGroup;
公共提交:布尔;
公共事件:任何[]=[];
构造函数(专用registerService:registerService,
私人{U fb:FormBuilder}
恩戈尼尼特(){
this.myForm=新表单组({
用户名:new FormControl(“”,[页面,以及许多堆栈溢出帖子,我尝试添加.subscribe,但我得到错误类型subscription不能分配给类型observable user,如果我添加.map(),我得到类型observable user上不存在该映射,如果我添加.pipe(),我没有收到错误消息,但仍然没有Post请求。
而如果我加上管道(
catchError(this.handleError('addHero',hero))
);

I get type observable user不可分配给type observable user。有什么想法吗?

您需要订阅请求才能被调用

  this.registerService.postUser(model).subscribe(result => this.result =result);

确保声明名为result的变量以分配响应的数据

result : any;

您需要订阅请求才能被调用

  this.registerService.postUser(model).subscribe(result => this.result =result);

确保声明名为result的变量以分配响应的数据

result : any;

声明一个名为resultAlright的变量,现在我已经“Get result不存在于type RegisterComponent上”,有什么想法吗?您需要声明一个名为result的变量,或者删除该变量,然后放在控制台上。log(result)是的,修复了它,我得到一个400错误atm:“JSON解析错误-期望值:第1行第1列(char 0)”}如果您想尝试一下,但您确实解决了我的问题1那么现在您的api正在被调用,上面的错误与您访问的结果有关。请使用console.log检查结果。如果它有帮助,请标记是否是名为resultAlright的变量,现在我已经“Get result不存在于类型RegisterComponent上”,有什么想法吗?你需要声明一个名为result的变量,或者删除这个变量,只要把console.log(result)修好,我得到一个400错误atm:“JSON解析错误-期望值:第1行第1列(char 0)”}如果您想尝试一下,但您确实解决了我的问题1因此现在您的api正在被调用,上面的错误与您访问的结果有关。请使用console.log检查结果。如果有帮助,请标记