API fetch 中的模板文字不传递 Angular 中的数据

Question

我有一个 fetch() 函数可以从 Skyscanner API 收集数据。在我使用模板文字之前它工作正常。这导致获得 error 400.

public departureAPI = "WAW-sky";

fetch(
    "https://cors-anywhere.herokuapp.com/https://skyscanner-skyscanner-flight-search-v1.p.rapidapi.com/apiservices/browsequotes/v1.0/PL/
PLN/en-US/${departureAPI}/CDG-sky/2020-08-12?inboundpartialdate=2020-08-23",...

我也尝试过对 {{ departureAPI }} 使用 Angular 插值，但结果相同。感谢您就如何解决此问题提出任何建议。

Answer 1

要使用模板文字，请使用 `` 而不是 """ 例如 ::

fetch(
    `https://cors-anywhere.herokuapp.com/https://skyscanner-skyscanner-flight-search-v1.p.rapidapi.com/apiservices/browsequotes/v1.0/PL/
PLN/en-US/${departureAPI}/CDG-sky/2020-08-12?inboundpartialdate=2020-08-23`,...

API fetch 中的模板文字不传递 Angular 中的数据

Template literals in API fetch don't pass data in Angular

angular

fetch

template-literals

template-strings