将mongodb集合中的数组数据显示到html表中，以angular cli作为前端

Question

我是nodejs、mongodb和angular cli的新手。我正在为我的大学作业做一个项目，但是我遇到了麻烦。我想将mongodb中的数组数据显示到agular组件中的现有表中。

mongdb模式：

{
"_id" : "sensor-2",
"data" : [ 
    {
        "sensor" : {
            "intensitas" : 1,
            "arus" : 0.1
        },
        "waktu" : "June 9th - 2018, 2:26:47 AM"
    }, 
    {
        "sensor" : {
            "intensitas" : 1,
            "arus" : 0.13
        },
        "waktu" : "June 9th - 2018, 2:32:42 AM"
    }, 
    {
        "sensor" : {
            "intensitas" : 1,
            "arus" : 0.13
        },
        "waktu" : "June 9th - 2018, 2:35:16 AM"
    }
]
}

我想从"data“数组中生成tabel，就像这样：table image

对不起，我的英语不好

Answer 1

你必须先用json解析你的json数据，然后把它存储在像DataModel这样的模型中，然后你可以简单地用*ngFor把它绑定到html上。

`<table>`

<tr *ngFor="let item of DataModel"> <td>{{item.key}}</td> </tr>

</table>

每次{item}都是数组的一个索引。我希望这对你有帮助，如果你有任何问题，请随时提问。

Answer 2

model =您的对象

 <table>
  <tr *ngFor="let item of model.data">
    <td>{{item.sensor.intensitas}}</td>
    <td>{{item.sensor.arus}}</td>
    <td>{{item.waktu}}</td>
  </tr>
</table>