Sensitive and global variables Ionic 3 and angular 4

Question

I have some sensitive variables, and the ideal would be to leave all the variables in one environment, when it is necessary to change, for example from production to development, this task becomes easy.

Ex:

@Injectable()
export class RestaurantesProvider {
private url: string = "http://199.169.9.9/ws/ListarEstados.ashx";
  constructor(private http: Http) {
    console.log(this.url);
  }

getRestaurantes(){
  return this.http.post(this.url, null)
  .do(this.logResponde)
  .map(this.extractData)
  .catch(this.catchError);
}

private catchError(error: Response | any){
  console.log(error);
  return Observable.throw(error.json().error || "Erro de conexção");
}

private logResponde(res: Response){
  console.log(res);
}

private extractData(res: Response){
  return res.json();
}
}

By default I would like to catch the url which in this case is a sensitive variable to use in all my requests, this service and others.

private url: string = padrao + "ListarEstados.ashx";

I’m trying to use the AppModule for this I did, so I did so:

export class AppModule {
   private url: string = "http://199.169.0.9/ws/ListarEstados.ashx";

   getUrl(){
     return this.url;
   }
}

And in my classe I do so:

private url: string = AppModule.getUrl();

The getUrl() is marked and this message appears

[ts] Property 'geturl' does not exist on type 'typeof Appmodule'

Answer 1

Change your Appmodule object by adding the modifier static:

export class AppModule {
   private static url: string = "http://199.169.0.9/ws/ListarEstados.ashx";

   static getUrl(){
     return this.url;
   }
}

And to receive this data is enough:

private url: string = AppModule.getUrl();

Remembering to instantiate the class, so:

import { AppModule } from '../app/app.module';

Answer 2

Use

import { MyApp } from '../../app/app.component' 

in place of that import.