TypeScript 字符串插值在 Angular 项目服务文件中不起作用

Question

以下是 Angular 项目服务的代码：

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

我在传递字符串作为参数的组件中调用此方法。

控制台输出：链接是 ${link}

Answer 1

尝试像这样反引号

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

它称为模板文字，您可以在此处找到更多信息 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals