message = 'Hello ${name}' doesn't replace the name parameter in the message string immediately

Question

I cannot make working the basic typescript feature that I see written everywhere over the Internet, that says that :

var a = "Bob"  
var message = 'Hello ${a}'

would see a console.log(message) print "Hello Bob".

When I attempt this:

import { Component } from '@angular/core';
import { environment } from '../environments/environment';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'etude';

  constructor() {
    console.log('Démarrage environnement ' + environment.nom_environnement + ' spark: ' + environment.spark_url + ' backend: ' + environment.backend_url);

    const a = 'Démarrage environnement ${environment.nom_environnement} spark: ${environment.spark_url} backend: ${environment.backend_url}';
    console.log(a);
  }
}

My console logs are showing that:

Démarrage environnement dev spark: http://localhost:9090 backend: http://localhost:9091 main.js:1:598971
Démarrage environnement ${environment.nom_environnement} spark: ${environment.spark_url} backend: ${environment.backend_url}

Whatever I try let a or var a instead of const a.

Reading over the Internet, the transformation should had happened immediately?

just see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals — Anton Marinenko, May 21 '22 at 07:36
Does this answer your question? [How to perform string interpolation in TypeScript?](https://stackoverflow.com/questions/45399951/how-to-perform-string-interpolation-in-typescript) — Yong Shun, May 21 '22 at 07:46

score 1 · Accepted Answer · answered May 21 '22 at 07:37

1

You have to use string interpolation `` and you are using single quotes ''

answered May 21 '22 at 07:37

Max Tuzenko

1,051
6
18

score 1 · Answer 2 · answered May 21 '22 at 07:37

1

Use `` instead of ""

var a = "Bob"
var message = `Hello ${a}`

answered May 21 '22 at 07:37

Enam Kyei

86
1
5

message = 'Hello ${name}' doesn't replace the name parameter in the message string immediately

2 Answers2