Question

component.ts文件

  public htmlData:any;
  ngOnInit() {
    this._htmlServices.getHtml()
      .subscribe(data => {
        this.htmlData = data;
      });
  }

来自serivces callbelow的回复

{
    "html": {
        "title": "HTML Questions",
            "questions": [
                {
                    "qno": 1,
                    "q": "What does a doctype do?",
                    "a": [
                        "It specifies which markup standard the page is using. With the information, the browser determines how to render the page according to the page's source code."
                    ]
                }
            ]
    }
}

绑定在下面的html p标签中，但它没有绑定

<p>{{htmlData.html.title}}</p>

Answer 1

如果没有在这里做任何事情，你的htmlData可能实际上是一个字符串而不是json。

您可以通过以下方式看到这一点：

console.log(typeof(this.htmlData))

刚刚完成任务。所以解决方案可能就像使用

一样简单

this.htmlData = JSON.parse(data)

如何绑定从服务调用angular 5获得的响应（数据）

1 个答案: