我试图根据我们点击的用户选项卡记录用户的数据。但问题是它显示的是同一个数据，而不是其他数据。

像上面，如果我点击萨拉它显示我萨拉，但当我点击编辑它仍然显示萨拉。请有人帮助如何实现根据用户标签点击的数据
ts文件

response: Array<any> = [];

getUsers(){
    this.http.get('https://dummyapi.io/data/v1/user', {
      headers: new HttpHeaders().set('app-id', '63a1a3fdf4c5089b8564caef'),
      params: new HttpParams().set('limit', '50')
    }).subscribe(data => {
      
      this.response.push(data);

    }), ((error: object) => {
      console.log(error)
    })
  }

 showChat(){
    for(let i=0; i<this.response.length; i++){
      console.log(this.response[0].data[i])
    }
  }

超文本标记语言文件

<div class="user-bottom">
        <div class="all-users" *ngFor="let array of response" (click)="showChat()" >
            <div class="nested-items" *ngFor="let data of array.data">
                <h4>{{data.firstName}}</h4>&nbsp;
                <img src="{{data.picture}}" alt="profile">
            </div>
        </div>
    </div>