如果有 2 个用户，我如何删除此 angular 代码中额外的 3 个下载图标

问：

所以这里是html代码：

<tr *ngFor="let user of users">
              <td>
                <h6 class="font-medium">{{user.id}}</h6>
              </td>
              <td>
                <h6 class="font-medium">{{user.totalPrice}}</h6>
              </td>
              <td>
                <button type="button" *ngFor="let user of users" (click)="downloadJson(user.id)"<i>icon</i></button></td>

这是打字稿方法：

downloadJson(userId: String) { 

    const user = this.users.find(u => u.id === userId);
    if (user) {
      const jsonString = JSON.stringify(user, null, 2);
      const blob = new Blob([jsonString], { type: 'application/json' });

      const link = document.createElement('a');
      link.href = window.URL.createObjectURL(blob);
      link.download = `user_data_${userId}.json`; // Include user ID in the file name

      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    } else {
      console.error(`User with ID ${userId} not found`);
    }

我尝试了不同的方法来删除它们，但它没有用，我希望它只显示正确 id 的下载项目