[ngFor在html文件中不起作用,不显示来自服务器的数据

问题描述 投票:0回答:1

我正在用角度8工作,我正在尝试使用* ngFor迭代数据,但它不是迭代。它是视图中的值

我正在共享我的代码

html

  <div *ngFor='let data of attendanceInput ; let i = index'>
    <p> {{data.emp_name}}</p>
    <p> {{i}} </p>
    </div>

。ts文件

updateAttendance() {


    let page  = "3";
    let role = 'rs';
    let id = localStorage.getItem('user_id');
    let token = localStorage.getItem('access_token');
    let dates: any;

    this.restData.weeklyAttendanceUpdate(id, token, this.role , page).subscribe(result => {
      console.log(result);
      if (result['messagecode'] == 200) {
        this.attendanceInput = result['data'];
        console.log(this.attendanceInput);
        console.log(this.attendanceInput.length);
      }

    });
  }

在控制台中,我得到了AttenceInput和AttenanceInput.length的值,但是数据没有显示在HTML中

angular angular8 angular-directive
1个回答
0
投票

我用测试数据填充了AttenanceInput,没有问题:

attendanceInput = [{ emp_name: 'a' }, { emp_name: 'b' }];

结果:一种0b1

请确保您放入attendanceInput的数据是数组形式。还要检查emp_name是否与对象的属性匹配。

© www.soinside.com 2019 - 2024. All rights reserved.