角度 9 中的“void”类型不存在属性“subscribe”

Question

I have a project on Angular 9. In my angular project i want register a user through his email and password . I am inserting users email and password in database through api. The database i am using is Microsoft SQL server Mangament studio .

The error i am facing is

Property 'subscribe' does not exist on type 'void' in my signup.component.ts

As there are similar questions but it cann't resolve my problem

signup.component.ts

import { Component, OnInit } from '@angular/core';
import {FormBuilder,Validators,FormGroup} from '@angular/forms';
import {SignupserviceService} from '../signup/signupservice.service';
import {Signup} from '../signup/signup';
import { from } from 'rxjs';


@Component({
  selector: 'app-signup',
  templateUrl: './signup.component.html',
  styleUrls: ['./signup.component.css']
})
export class SignupComponent implements OnInit {
  navbarOpen = false;
  regForm: FormGroup;
  datasaved:boolean= false;
  massage: string;

  toggleNavbar() {
    this.navbarOpen = !this.navbarOpen;
  }

  constructor(private formbuilder: FormBuilder, private signupservice:SignupserviceService
    ) { }

  ngOnInit(): void {
  }




  setFormState(): void {
    this.regForm = this.formbuilder.group({
      email: ['', [Validators.required]],
      password: ['', [Validators.required]]
    })
  }





  onSubmit() {
    
    let signup = this.regForm.value;

    this.createsignup(signup);
    this.regForm.reset();
  }




  
  createsignup(signup: Signup) {
    this.signupservice.createsignup(signup).subscribe(
      () => {
        this.datasaved = true;
        this.massage = "User Created";
       this.regForm.reset();
      }
    )
  }

}

signupserivce.service.ts (my service part)

import { Injectable } from '@angular/core';
import {HttpClient} from '@angular/common/http';
import {observable, Observable}  from 'rxjs';
import {Signup} from './signup';
import { from } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class SignupserviceService {
  createsignup(signup: Signup) {
    throw new Error("Method not implemented.");
  }
  url="http://localhost:51180/";

  constructor(private http:HttpClient) { }

  createuser(user:Signup):Observable<Signup>
  {
     return this.http.post<Signup>(this.url+'api/users',user)
  }
}

the error i have got

 Property 'subscribe' does not exist on type 'void'.
    
    56     this.signupservice.createsignup(signup).subscribe(

Can you help me where i am going wrong. Thank you!!!!

Answer 1

createsignup is a void method implemented in the SignupserviceService

 createsignup(signup: Signup) {
    throw new Error("Method not implemented.");
  }

which you are calling here

this.signupservice.createsignup(signup).subscribe(
      () => {
        this.datasaved = true;
        this.massage = "User Created";
       this.regForm.reset();
      }
    )

It must return an observable in order to subscribe If You are trying to call an API, the http client methods returns observables

return this.http.post<Signup>(this.url+'api/users',user)