获取HTML表中的重复数据

对于我的应用程序，一旦我登录到Identity Server，就会传递一个令牌，需要传递该令牌才能访问API。 从API获得响应后，当我尝试在表中显示该数据时，我会得到重复的记录。你能帮我理解为什么吗

这是我的.ts代码

export class UserComponent implements OnInit {
  [x: string]: any;
  constructor(public oidcSecurityService: OidcSecurityService, private router: Router, private authService: AuthService, private http: HttpClient) { }

  value1: any = null;
  cols: any[];
  user: any[];
  adduser(): void {
    console.log("inside adduser function");
    this.router.navigate(['/addrole']);
  }

  ngOnInit() {

    let headers = new HttpHeaders({ 'Authorization': this.authService.getAuthorizationHeaderValue() });
    console.log({ headers });
    this.http.get("http://localhost:5500/api/Users", { headers: headers }).subscribe(response => {
      this.response = response;
      this.users = this.response.users;
      console.log(this.users);
    });
    this.cols = [
      { field: 'userName', header: 'userId', width: '40%' },
      { field: 'email', header: 'Email', width: '15%' },
      { field: 'phoneNumber', header: 'PhoneNumber', width: '15%' },
    ];

  }
}

.HTML代码

</div>
<button pButton type="button" label="Search"></button>
<div style="margin-top: 50px"></div>
<p-table [value]="users">
  <ng-template pTemplate="header">
    <tr>
      <th *ngFor="let col of cols">
        {{col.header}}
      </th>
    </tr> 
  </ng-template>
  <ng-template pTemplate="body" >
    <tr *ngFor="let user of users">
      <td>{{ user.userName }}</td>
      <td>{{ user.email }}</td>
      <td>{{ user.phoneNumber }}</td>
    </tr>enter code here
  </ng-template>
</p-table>

{{col.header}}
{{user.userName}
{{user.email}
{{user.phoneNumber}
在这里输入代码

我得到的输出

---

什么是

console.log（this.users）日志？我在你的代码中没有看到任何会复制数据的东西。即使多次调用您的请求，您每次都会重新分配此.users。您确定它是有角度的吗？因为您的api似乎在响应重复的数据，
console.log（this.users）日志？我在你的代码中没有看到任何会复制数据的东西。即使多次调用您的请求，您每次都会重新分配此.users。您确定它是有角度的吗？因为您的api似乎正在响应重复的数据