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

Answer 2

您可以使用以下内容：

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