Свойство 'success' не существует для типа 'Object'

Question

user.js

router.post('/register', (req, res) => {
let newUser = new User({
    name: req.body.name,
    email: req.body.email,
    username: req.body.username,
    password: req.body.password
});

User.addUser(newUser, (err, user) => {
    if (err) {
        res.json({ "success": false, msg: 'Failed to register User' })
    } else {
        res.json({ "success": true, msg: "User Added" })
    }
})
});

authservice.ts

import { catchError,map } from 'rxjs/operators';
import { Injectable } from '@angular/core';
import {HttpClient,HttpHeaders,HttpErrorResponse} from '@angular/common/http';

@Injectable({
   providedIn: 'root'
})
export class AuthService {

  constructor(private http:HttpClient) { }

  registerUser(user){
    let headers = new HttpHeaders();
    headers.append('content-type','application/json');

return this.http.post('http://localhost:8080/users/register',user, 
        {headers:headers})
  }
 }

register.component.ts

import { ValidateService } from './../../services/validate.service';
import { Component, OnInit } from '@angular/core';
import { FlashMessagesService } from 'angular2-flash-messages';
import {AuthService} from '../../services/auth/auth.service';
import {Router } from '@angular/router';
@Component({
  selector: 'app-register',
  templateUrl: './register.component.html',
  styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit {
  name:String;
  username:String;
  email:String;
  password:String;

  constructor(private _validate:ValidateService,
    private _flashMessagesService: FlashMessagesService,
    private _authservice:AuthService,
    private _router:Router) { }

  ngOnInit() {
  }

  onRegisterSubmit(){
const user={
  name:this.name,
  username:this.username,
  email:this.email,
  password:this.password,
}
this._authservice.registerUser(user)
  .subscribe(data =>{
    console.log(data);
    **if(data.success){**
      this._flashMessagesService.show('Registration Succesfull ! ',{cssClass:'alert-success',timeout:3000})
      this._router.navigate(['/login']);
    }else{
      this._flashMessagesService.show('Oops Something went wrong! ',{cssClass:'alert-danger',timeout:3000})
      this._router.navigate(['/register'])
    }
  })
 }
}

Ошибка

ОШИБКА в src / app / components / register / register.component.ts (49,17): ошибка TS2339: свойство«success» не существует для типа «Object».

Данные успешно отправляются, и даже угловое значение успешно перенаправляется на следующий компонент, но это приводит к ошибке.в register.component.ts при подписке свойства success возвращаемого объекта в операторе if if (data.success)

Answer 1

Вы можете использовать проверку типов в своих ответах, чтобы избежать таких ошибок.

Создайте класс RegisterResponse, который будет содержать структуру вашего HTTP-ответа.

export class RegisterResponse {
  public success: boolean;
  public msg: string;
}

Затем передайте его методу http.post() в качестве универсального параметра:

import { RegisterResponse } from './RegisterResponse'; // Or wherever it is..

export class AuthService {

  constructor(private http:HttpClient) { }

  registerUser(user){
    let headers = new HttpHeaders();
    headers.append('content-type','application/json');

    return this.http.post<RegisterResponse>('http://localhost:8080/users/register', user, {headers:headers});
  }
}

Метод registerUser() вернет вам тип Observable<RegisterResponse>, поэтому, когда вы подпишетесь на него, переменные data будут иметь тип RegisterResponse.Но вы также можете указать тип, если хотите:

this._authservice.registerUser(user)
  .subscribe((data: RegisterResponse) => {
    if (data.success) {
      // ...
    }
    else {
      // ...
    }
  });

Надеюсь, это поможет.

Answer 2

Вы можете использовать код ниже:

dataRegister:any={}

//Function register
this._authservice.registerUser(user)
  .subscribe(data =>{
    
    this.dataRegister = data;
    if(this.dataRegister.success){
      //
    }
    else{
      //
    }
  
 }