variable inside a string in Angular / typescript

Question

I have a service that I get an http from API

export class DataDisplayFromAPI {

result:any;

constructor(private _http: HttpClient) {}

getPrices() {
    return this._http.get("https://min-api.cryptocompare.com/data/pricemulti?fsyms=BTC,ETH,LTC,BCH,IOT,XRP&tsyms=USD")
    .map(result => this.result = result);
}
}

What I try to do is to replace the coins list BTC,ETH,LTC,BCH,IOT,XRP inside the string with a variable, as follow:

export class DataDisplayFromAPI {

result:any;
coinsList = 'BTC,ETH,LTC,BCH,IOT,XRP';

constructor(private _http: HttpClient) {}

getPrices() {
    return this._http.get("https://min-api.cryptocompare.com/data/pricemulti?fsyms=" + coinsList + "&tsyms=USD")
    .map(result => this.result = result);
}
}

But get error.

I tried also

return this._http.get(`https://min-api.cryptocompare.com/data/pricemulti?fsyms=${coinsList}&tsyms=USD`)

But it also doesn't work

How can I do it?

Thanks

does it returns any error? and check out you network log and see the route that you are requesting to — Vala Khosravi
– Vala Khosravi, Commented Jan 1, 2018 at 18:17

LLai · Accepted Answer · 2018-01-01 18:20:06Z

3

coinsList is not defined in the method's scope. You need to refer to the component's scope with this

getPrices() {
    return this._http.get("https://min-api.cryptocompare.com/data/pricemulti?fsyms="
    + this.coinsList +
    "&tsyms=USD")
    .map(result => this.result = result);
}

or

getPrices() {
    return this._http.get(`https://min-api.cryptocompare.com/data/pricemulti?fsyms=${this.coinsList}&tsyms=USD`)
        .map(result => this.result = result);
}

edited Jan 1, 2018 at 18:20

answered Jan 1, 2018 at 18:17

LLai

13.5k3 gold badges44 silver badges46 bronze badges

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

Collectives™ on Stack Overflow

variable inside a string in Angular / typescript

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related