Angular ngfor,仅显示记录

时间:2018-05-19 10:04:06

标签: arrays angular

嗨, 数据阵列显示在控制台上。但只能在视图上显示记录。

users: any[]=[];


ngOnInit(): void {
     this.YukIlan();
}
YukIlan() {
    let controller = this;
    this.orient.command(
      "select * from login",
      function (data) {
        let body = data.json();
        let result = body.result;
        result.forEach((x: any) => {
          controller.addtoUser(x);
        });
      },
      function (e) {
        console.log(e)
      }
    )   }   addtoUser(Data: any) {

    this.users  = [{
        mobilno : Data.mobilno,
        sifre : Data.sifre,
        rid: Data["@rid"]
    }]
    console.log(this.users)

  }


}

查看代码:

<ul><li *ngFor="let item of users">
                        {{item.mobil}} 
                    </li>
</ul>

1 个答案:

答案 0 :(得分:0)

您正在推送用户数组中的数据错误! 你就是这样做的:

addtoUser(Data: any) {
    this.users  = [{
        mobilno : Data.mobilno,
        sifre : Data.sifre,
        rid: Data["@rid"]
    }]
    console.log(this.users)
}

但这是正确的方法

addtoUser(Data: any) {
    this.users.push({
        mobilno : Data.mobilno,
        sifre : Data.sifre,
        rid: Data["@rid"]
    });
    console.log(this.users)
}

希望它有所帮助!