我试图显示此API的数据https://swapi.dev/API/people/

{
    "results": [
        {
            "name": "Luke Skywalker", 
            "height": "172", 
            "mass": "77", 
            "hair_color": "blond", 
            "skin_color": "fair", 
            "eye_color": "blue", 
            "birth_year": "19BBY", 
            "gender": "male", 
        },
 ]
}

但是我总是得到这样的错误:

如何显示它像名称，然后当有人按下字符详细页按钮时，显示角上API数据的所有详细信息？谢谢！

actor.service

{
    "results": [
        {
            "name": "Luke Skywalker", 
            "height": "172", 
            "mass": "77", 
            "hair_color": "blond", 
            "skin_color": "fair", 
            "eye_color": "blue", 
            "birth_year": "19BBY", 
            "gender": "male", 
        },
 ]
}

actor-list.component

{
    "results": [
        {
            "name": "Luke Skywalker", 
            "height": "172", 
            "mass": "77", 
            "hair_color": "blond", 
            "skin_color": "fair", 
            "eye_color": "blue", 
            "birth_year": "19BBY", 
            "gender": "male", 
        },
 ]
}

演员-single.component

{
    "results": [
        {
            "name": "Luke Skywalker", 
            "height": "172", 
            "mass": "77", 
            "hair_color": "blond", 
            "skin_color": "fair", 
            "eye_color": "blue", 
            "birth_year": "19BBY", 
            "gender": "male", 
        },
 ]
}

顺晟科技：

我认为您误解了api响应的结构。单个演员中没有字段。因此演员名称应为

{
    "results": [
        {
            "name": "Luke Skywalker", 
            "height": "172", 
            "mass": "77", 
            "hair_color": "blond", 
            "skin_color": "fair", 
            "eye_color": "blue", 
            "birth_year": "19BBY", 
            "gender": "male", 
        },
 ]
}

，response是一个属性中包含所有参与者的对象。因此您可以像这样迭代参与者

{
    "results": [
        {
            "name": "Luke Skywalker", 
            "height": "172", 
            "mass": "77", 
            "hair_color": "blond", 
            "skin_color": "fair", 
            "eye_color": "blue", 
            "birth_year": "19BBY", 
            "gender": "male", 
        },
 ]
}

我试图复制您的源代码，您用于对象。

应该是，并从

演示代码https://stackblitz.com/edit/angull-ivy-jjh9mx