ngFor 在 Html 文件中不起作用，不显示来自服务器的数据答案

【问题标题】：ngFor is not working in Html file , data from server is not displayedngFor 在 Html 文件中不起作用，不显示来自服务器的数据
【发布时间】：2020-05-15 19:35:23
【问题描述】：

我在 angular 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);
      }

    });
  }

在控制台中，我得到了出席输入和出席输入.length 的值，但 HTML 中没有显示数据

【问题讨论】：

发布您的错误/异常！！！
你能把console.log的结果贴出来吗？

标签： angular angular8 angular-directive

【解决方案1】：

我用测试数据填入了出勤输入，没有问题：

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

结果：一种 0 b 1

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

【讨论】：