如何在 Angular 中从没有数据模型的服务访问 Json 数据

Question

我有这个嵌套的 json，我从我的服务获取调用

{
    "id": "7979d0c78074638bbdf739ffdf285c7e1c74a691",
    "seatbid": [{
        "bid": [{
            "id": "C1X1486125445685",
            "impid": "12345",
            "price": 0,
            "adm": {
                "native": {
                    "link": {
                        "url": "http: //i.am.a/URL"
                    },
                    "assets": [{
                        "id": "001",
                        "required": 1,
                        "title": {
                            "text": "Learn about this awesome thing"
                        }
                    }],
                    "imptrackers": ["https://trks.c1exchange.com/trk/c?pid=123&et=i&profileid=123&siteid=12345&adslot=AUM&adsize=300x250&imprtype=IMAGE&cpm=0.0&dspcid=834&rndid=368997882&adomain=[c1exchange.com]&urid=8787893965303118897&uimprid=2063341746607836879&urespid=0"]
                }
            },
            "adomain": ["c1exchange.com"],
            "cid": "834"
        }]
    }],
    "cur": "USD"
}{
    "id": "7979d0c78074638bbdf739ffdf285c7e1c74a691",
    "seatbid": [{
        "bid": [{
            "id": "C1X1486125445685",
            "impid": "12345",
            "price": 0,
            "adm": {
                "native": {
                    "link": {
                        "url": "http: //i.am.a/URL"
                    },
                    "assets": [{
                        "id": "001",
                        "required": 1,
                        "title": {
                            "text": "Learn about this awesome thing"
                        }
                    }],
                    "imptrackers": ["https://trks.c1exchange.com/trk/c?pid=123&et=i&profileid=123&siteid=12345&adslot=AUM&adsize=300x250&imprtype=IMAGE&cpm=0.0&dspcid=834&rndid=368997882&adomain=[c1exchange.com]&urid=8787893965303118897&uimprid=2063341746607836879&urespid=0"]
                }
            },
            "adomain": ["c1exchange.com"],
            "cid": "834"
        }]
    }],
    "cur": "USD"
}

问题是我想在我的组件中使用它而没有相同的数据模型

目前在我的组件中

 ngOnInit() {

    this.weatherService.getPocData().subscribe( res =>  {
      this.openRtbResponse = res.openRtbResponse;

    });

  }

在我的模板中

 {{openRtbResponse | json}}

我可以访问相同的。

但是现在当我想像这样访问嵌套值时，它给出了 undefined like

this.openRtbResponse.seatbid[0].bid[0].adm.native.assets[0].id 

它会抛出错误。

没有数据模型我不能使用json值

Answer 1

Typescript 是 Javascript 的超集，因此任何未明确键入的内容都是 any 类型——这本质上意味着它是您的“传统”Javascript 对象。

您应该能够在没有支持类型的情况下访问这些属性。我猜您尝试访问它太早或路径错误，这给了您错误。

直接回答您的问题：是的，您应该可以访问它。

Answer 2

您必须在这样的请求响应中调用 .json() 以获得 JSON 对象：

function getPocData() {
    return http.get('friends.json')
               .map(response => response.json());
}

请务必在 weatherService 的 getPocData() 函数中执行此操作。