Getting "Property 'route' does not exist on type 'typeof" using angular10

Question

I am trying to route the data from service to a component using the following codes. It shows me error

"Property 'route' does not exist on type 'typeof PaymentService'.ts"

"Declare static property route"

import { Injectable } from '@angular/core';
import { environment } from 'src/environments/environment';
import { Router} from '@angular/router';
@Injectable({
  providedIn: 'root',
})

export class PaymentService {    
    constructor(private route:Router) { }
    static verifyPayment(payload: any) {
    const axios = require('axios');

let data = {
    'token': payload.token,
    'amount': payload.amount,

 };

axios.post(environment.api_url+"set_appointment_with_payment", data)
    .then(response => {
        if(response.data.paymentStatus=== "Completed"){
            this.route.navigate('/Bill');
        }else{
            alert('Something went wrong! Please try again.');
        }
        
    })
    .catch(error => {
        console.log(error);
    });
}
}

You can't get an instance property from a static method

Roberto Zvjerković
– Roberto Zvjerković

2021-06-16 11:45:37 +00:00
Commented Jun 16, 2021 at 11:45 — Roberto Zvjerković
– Roberto Zvjerković, Commented Jun 16, 2021 at 11:45

Bellash · Accepted Answer · 2021-06-18 10:11:42Z

1

Not a good practice to call a message from within the constructor, but you can do it like this

 export class PaymentService {   

  static _route:Router;

  constructor(private route:Router) { 
     PaymentService._route = route;
  }

then you can use the _route object inside static method ONLY after initialization.

then use it in your static method instead of this.route.

        PaymentService._route.navigate('/Bill');

edited Jun 18, 2021 at 10:11

answered Jun 16, 2021 at 12:58

Bellash

8,2776 gold badges57 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

An student Over a year ago

Thank you for the answer. Will you please specify what should be initialized here? I just have to navigate to another page using this._route.navigate(['/Bill']);

Collectives™ on Stack Overflow

Getting "Property 'route' does not exist on type 'typeof" using angular10

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related