如何將參數從html傳遞給typescript function？

Question

我以 JSONArray 的形式獲取我的users ，我想在單擊他們的名字時顯示每個用戶的數據。 但我無法將user.id傳遞到 function。

<ng-container *ngFor = "let user of users" >
        <button (onclick)="getdata(user.id)" mat-raised-button color="primary">{{user.name}}</button>
      </ng-container>

Answer 1

它的 angular 使用(click)而不是(onclick)

<ng-container *ngFor="let user of users">
  <button (click)="getdata(user.id)" mat-raised-button color="primary">
    {{ user.name }}
  </button>
</ng-container>

getdata(id) {
  console.log(id);
}

Answer 2

您能否嘗試僅使用 click() 而不是 onclick()

<ng-container *ngFor = "let user of users" >
    <button (click)="getdata(user.id)" mat-raised-button color="primary">{{user.name}}</button>
  </ng-container>

Answer 3

嘗試這個

<ng-container *ngFor = "let user of users" >
    <button (click)="getdata(user.id)" mat-raised-button color="primary">{{user.name}}</button>
</ng-container>