TypeScript string interpolation not working in Angular project service file

Question

Following is code for an Angular project service:

@Injectable()
export class FetchDataService {
  fetch(link){
    console.log('this is a ${link}');
  }
}

I'm calling this method in the component passing a string as an arguement.

Console Output: the link is ${link}

If you use the 3 first words of your question on a google search, you will notice that your error is a typo: you arent using backticks. https://basarat.gitbooks.io/typescript/docs/template-strings.html — Jota.Toledo, Jun 03 '18 at 13:54

score 6 · Answer 1 · answered Jun 02 '18 at 21:35

Try with backticks like so

@Injectable()
export class FetchDataService {
  fetch(link){
    console.log(`this is a ${link}`);
  }
}

score 0 · Answer 2 · answered Jun 02 '18 at 23:03

0

You can to use following:

console.log('this is a' + link);

answered Jun 02 '18 at 23:03

POV

2 Answers2