如何遍历通过GET方法获得的数据？

Question

我正在尝试遍历表，但是什么也没有显示。 ApiService正常运行。

型号：

export interface LoginAndPassword {
    id: number,
    username: String,
    user_password: String,
    grade: String,


    comment: String
}

具有功能的类的一部分：

loginData: LoginAndPassword[] = []

ngOnInit() {
    this.getAllUsers();
  }

 public getAllUsers(){
    this.apiService.getLoginandPassword().subscribe(
      res => {
        this.loginData = res;
        for (let i=0; i<this.loginData.length; i++) {
          console.log(this.loginData[i].username)
      }
        console.log("get this")
      },
      err =>{
        alert("err");
      } 
    );
  }