Angular 6 數據未綁定到 UI OnInit

Question

我有一個問題，我的動態數據沒有綁定到 UI 和數據表。 我嘗試過使用各種方法，但它不起作用。 我正在使用 smart admin 最新主題來開發網站

當我點擊 api 時，我得到了回應。

var tabledata:any[]=[]
Get(){
    this.getservice().subscribe(
        res=>{
            if(res && res.data && res.data.length>0){
                this.tabledata=res.data;
                console.log(this.tabledata);
            }
        }
    )
}

在 html

 <tr *ngFor="let data of tabledata">
        <td>{{data.name}}</td>
        <td>{{data.age}}</td>
    </tr>

Answer 1

您能否嘗試在 OnInit 中執行您的 Get 方法？ 為什么您的 Get 方法以大寫字母開頭？ 為什么將您的表聲明為任何表？ 使用類型化的對象我總是更好。 你可以試試下面的代碼嗎？

    vartabledata: Person[];

    class MyComponent implements OnInit {

    ngOnInit() { this.get()  
      }

    get(){
        this.getservice().subscribe(
            res=>  {this.tabledata = res.data;
                    console.log(this.tabledata);}
       )}
    }

在前面，我建議您添加 *ngIf 以便僅在加載數據時顯示表格。

<div *ngIf="tabledata">
<tr *ngFor="let data of tabledata">
        <td>{{data.name}}</td>
        <td>{{data.age}}</td>
    </tr>
</div>

如果即使這樣也沒有數據，請嘗試執行

<div *ngIf="tabledata">
    <tr *ngFor="let data of tabledata">
            {{data | json}}
        </tr>
    </div>

我認為您收到的數據 object 不包含姓名和年齡屬性