отображение json данных в таблице html - PullRequest
Новая
       76

отображение json данных в таблице html

0 голосов
/ 06 марта 2020

По сути, я сделал, чтобы вставить некоторые данные в базу данных через python server-werkzeug. и еще одна функция для извлечения этих данных из базы данных. все отлично работает с результатом, показанным в консоли браузера. Теперь, как распечатать результат в формате json в таблице html. мой код очень прост, он не содержит ни ngAapp, ни ngController. 

import { Component } from '@angular/core';
import {Http, Response, Headers} from '@angular/http';

@Component({
    selector: 'app-meta',
    templateUrl: './meta.component.html',
    styleUrls: ['./meta.component.css']
})
export class MetaComponent  {
    res: any[];
    json;

    constructor(private http: Http) {}

    public getall(){
    // alert('error');
        const data = {
            "jsonrpc" : "2.0",
            "method" : "getall",
            "id" : "1",
            "params": {'argument' : 'something' }
        };
        this.http.post('http://localhost:80/jsonrpc', data).subscribe( res => console.log(this.json =   
res.text()));
        // ...

HTML: 

<code><button (click)="getall()">view</button>
<pre>{{json}}

ответ, который я получил в моем html страница после нажатия кнопки: 

{"result": [["water", "None"], ["temp", "001"], ["temp", "002"], ["temp", "003"], ["temp", "004"], ["temp", "005"], ["temp", "006"], "id": "1", "jsonrpc": "2.0"}

Как отобразить эти данные в таблице на странице html?

1 Ответ

1 голос
/ 06 марта 2020 
<tr *ngFor="let i of json" >
      <td>
        <input type=text [(ngModel)]="i.result" >
     </td>
</tr>

Это будет l oop ur json данных в таблице, и вы должны изменить данные цикла, как вам нужно ура ..!

...