Angular 6数据未绑定到UI OnInit

我有一个问题,我的动态数据没有绑定到UI以及数据表。我尝试使用各种方式,但无法正常工作。我正在使用智能管理最新主题来开发网站

当我按下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>
sinochun 回答:Angular 6数据未绑定到UI OnInit

如果您使用过changeDetection,请将其删除。如果您在可能造成问题的任何地方使用了

,

请问您可以尝试在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);}
       )}
    }

在前面,我建议您添加* ng如果这样,则仅在加载数据时才显示表。

<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>

我认为您收到的数据对象不包含姓名和年龄  属性

本文链接:https://www.f2er.com/3060909.html

大家都在问