message = 'Hello ${name}' 不会立即替换消息字符串中的名称参数

Question

我无法使用我在 Internet 上随处看到的基本打字稿功能，上面写着：

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

会看到 console.log(message) 打印“Hello Bob”。

当我尝试这样做时：

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);
  }
}

我的控制台日志显示：

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}

无论我尝试 let a 还是 var a 而不是 const a。

网上看的，应该马上就变了？

Answer 1

您必须使用字符串插值 `` 并且您使用的是单引号 ''

Answer 2

使用 `` 代替 ""

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

message = 'Hello ${name}' 不会立即替换消息字符串中的名称参数

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

angular

typescript