Home / Questions / 303847
Accepted
AGHA
Asked: 2020-10-27 08:34:50 +0800 CST 2020-10-27 08:34:50 +0800 CST

How to read a specific variable from a JSON in Angular

  • 772

I want to read a specific variable from a JSON file in Angular. I can read it fine with HttpClient but the compiler gives me an error when I access the specified variable, however the site renders fine in the browser and everything works fine despite having the error in the VSCode compiler. How can I avoid this error.

constructor(private http: HttpClient) {
this.http.get('../../assets/config/configuration.json').subscribe(res => {
  console.log(res.serverIp);
});

}

The error is as follows: ERROR in src/app/services/options.service.ts(14,23): error TS2339: Property 'serverIp' does not exist on type 'Object'.

The error is clear, but how can I avoid it?

json

1 Answers

  1. Best Answer

    The typescript is failing you, you have to specify the type of data that you are going to receive in "res" through an interface =>

    constructor(private http: HttpClient) {
this.http.get('../../assets/config/configuration.json').subscribe((res: any) => {
  console.log(res.serverIp);
});

    or better yet, declare the interface for your response

    export interface ConfigurationInterface {
  // Tus otras propiedades
  serverIp: string;
  // Tus otras propiedades
}

constructor(private http: HttpClient) {
  this.http.get('../../assets/config/configuration.json').subscribe((res: ConfigurationInterface) => {
    console.log(res.serverIp);
  });

    It is highly recommended to use the interfaces, to fully use the power of the typescript.

    • 0