отображать данные массива из коллекции mongodb в html-таблицу, используя угловой 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", например так: изображение таблицы

извините, мой engilsh bad

Answer 1

модель = ваш объект

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

Answer 2

Сначала вы должны json проанализировать ваши данные json, а затем сохранить их в такой модели, как DataModel, а затем просто связать их с html с помощью * ngFor.

`<table>`

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

</table>

Каждый раз, когда {item} является одним индексом вашего массива.Я надеюсь, что это поможет вам, если у вас есть какие-либо вопросы, не стесняйтесь спрашивать