TypeScript 从 API 获取数据

Question

我希望下面的代码能够从我设置的简单 API 中获取 JSON 数据。

export class FaqFakeDb
{ 
    public static data = fetch('https://#######.co.uk/api/faq/');
}

这是一个常见问题页面，旨在从 API 中提取数据。我是 typescript 和 Angular 的新手，如果我犯了一个简单的错误，请原谅我。

我希望它像这样运行：

export class FaqFakeDb
{
    public static data = [  
        {  
           "id":"1",
           "question":"test1",
           "answer":"test1"
        },
        {  
           "id":"2",
           "question":"test1",
           "answer":"test1"
        },
        {  
           "id":"3",
           "question":"test1",
           "answer":"test1"
        }
     ];
  }

任何帮助都会让我非常感激:)

Answer 1

fetch 返回一个承诺，所以data 将是一个承诺。任何时候你想访问数据都必须使用 async/await 或 .then 或其他东西来处理 Promise。如果您的 API 调用失败，您也没有任何错误处理。

你可以如何处理的一个例子是：

async ngOnInit() {
  try {
    const response = await FaqFakeDb.data;
    this.quesitons = await response.json();
  } catch {
    // fetch encountered an error; you can handle it here.
  }
}

但是，我建议您改用 Angular 内置的 HttpClientModule 并根据需要（在需要它的组件中）而不是在声明任意类时进行 API 调用。