如何將用戶ID從模板傳遞到函數以獲取角度5中的值

Question

當我單擊編輯時，我想將我的用戶ID傳遞給服務。

 <tr *ngFor="let visit of visits" style="border-top: 1px solid black">
          <td>{{ visit?.ID }}</td>
          <td>{{ visit?.username }}</td>
            <td>{{ visit?.height }}</td>
            <td>{{ visit?.weight }}</td>
            <td>{{ visit?.patientnote }}</td>
            <td>{{ visit?.doctornote }}</td>
            <td>{{ visit?.nursenote }}</td>
            <td><button mat-raised-button color="accent" (click)="edit()">EDIT</button></td>
            <td><button mat-raised-button color="warn" (click)="delete()">DEL</button></td>

Answer 1

如果要在url中傳遞值，則必須使用Angular Routing，如下所示

import {Component} from '@angular/core';
import {Component} from '../Module/Component';
import {ListComponent} from "../Module/ListComponent";

export const ApplicationRoutes = [
{ path: 'Rpt/:id', component: Component },//allows to pass id in route
{ path: 'RptList', component: ListComponent },
{ path: '', component:ListComponent }
];

如果不知道路由，則可以檢查漫游： https ://angular.io/guide/router

下面會工作

<button mat-raised-button color="accent" 
     (click)="edit(visit?.ID)">EDIT</button>

在ts文件中，函數需要帶參數，也可以將arugment設為可選

edit(id?:any)
{}

Answer 2

您必須將id作為函數的參數傳遞：

<td><button mat-raised-button color="accent" (click)="edit(visit.ID)">EDIT</button></td>