Angular 8从GET API调用打印JSON元素

我正在从事一个项目，该项目调用API并从Angular中的GET方法打印JSON文件的元素。我知道如何调用API（所有导入都在正确的位置），我知道如果只有一个对象，如何从一个对象获取元素，但我不知道如果文件中有多个对象，该怎么办： 为了进行测试，我将我的URL设置为

下面是我在HTML文件中调用的typescript类和方法：

export class LoginComponent implements OnInit {
  url = 'https://api.github.com/users';
  response: any;

  constructor(private http: HttpClient) {  
  }

  ngOnInit(): void{
    
  }

  onCreateData(){
    this.loginPassed = true;

    this.http.get(this.url).subscribe((response) => {
      this.response = response;
      console.log(this.response);
    });
  }

}

<button
    class="btn btn-primary"
    (click)="onCreateData()">Submit</button>
<p *ngIf="loginPassed">Data from API: {{ response?.login }}</p>

这是我的HTML文件：

export class LoginComponent implements OnInit {
  url = 'https://api.github.com/users';
  response: any;

  constructor(private http: HttpClient) {  
  }

  ngOnInit(): void{
    
  }

  onCreateData(){
    this.loginPassed = true;

    this.http.get(this.url).subscribe((response) => {
      this.response = response;
      console.log(this.response);
    });
  }

}

<button
    class="btn btn-primary"
    (click)="onCreateData()">Submit</button>
<p *ngIf="loginPassed">Data from API: {{ response?.login }}</p>

提交
来自API的数据：{{response？.login}

---

如何从该API打印每个用户的登录信息？当前，除非我将URL设置为更具体，否则不会打印任何内容，例如。

响应是一个用户数组，在html中，您仍然将其视为一个对象

{{user.login}

响应是一个用户数组，在html中，您仍然将其视为一个对象

{{user.login}

如果你面对 “一个元素上不能有多个模板绑定。请仅使用一个前缀为*”的属性，然后使用”

{{item.login}

如果你面对 “一个元素上不能有多个模板绑定。请仅使用一个前缀为*”的属性，然后使用”

{{item.login}

如果您只是想打印出来，那么使用console.log（JSON.Stringify（this.response））；如果您只是想打印出来，那么使用console.log（JSON.Stringify（this.response））；我该如何保存*ngIf？当我添加*ngFor时，我得到了一个错误：“不能在一个元素上有多个模板绑定。只使用一个前缀为*”的属性“是的，你不能在元素上使用ngIf和ngFor，你需要ngContainer，我如何保持*ngIf？当我添加*ngFor时，我得到一个错误：“不能在一个元素上有多个模板绑定。只使用一个前缀为*”的属性“是的，你不能在元素上使用ngIf和ngFor，你需要ngContainer