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

Question

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

@Injectable()
export class FetchDataService {
fetch(link){
console.log('this is a ${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

Answer 2

您可以使用以下内容：

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