如何在 Angular 2 中发送与 onChange 事件对应的值？答案

【问题标题】：How to send value corresponding to the onChange Event in Angular 2?如何在 Angular 2 中发送与 onChange 事件对应的值？
【发布时间】：2021-05-18 19:04:18
【问题描述】：

我的前端设置为 Angular 2，用于分配给某些团队的用户列表，如下图所示。图片有一个下拉列表，即 OffShore-1 等团队，每当用户单击下拉列表中的某个团队时，我想更改这些团队。我想用team_name[newly changed] 和相应的email 将补丁请求发送到后端Django 服务器。我尝试添加 onChange 事件，但它只为我提供了应有的更改团队的实例。我想将电子邮件发送回 list-user.ts 组件，以便我可以发送数据以进行补丁请求。我无法破译对 Angular 环境来说非常新的解决方案
这是相同的component.html文件

       <tr class="table-row" *ngFor="let user of listUsers;let indexOfelement=index;">
           <td class="col-md-1 table-cell">{{indexOfelement+1}}</td>
           <td class="col-md-1 table-cell" >{{user.first_name}} {{user.last_name}}</td>
           <td class="col-md-1 table-cell" >{{user.email}}</td>
           <!-- <td class="col-md-1 table-cell" >{{user.team.name}}</td> -->
           <span class="form-group pad " id="team" >
            <select (change)="onChange($event)" class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" label="caseType" id="caseType">
              <option  [value]="user.team.name" >{{user.team.name}}</option>
              <ng-container *ngFor="let item of listTeam" >

                <option *ngIf="user.team.name!=item.name" [value]="item.name">
                    {{item.name}}
                 </option>
              </ng-container>
              
            </select> 
           </span>
           <td class="col-md-1 table-cell action" ><a class="btn btn-primary" href="">Edit</a>
       </tr>
   </tbody>

【问题讨论】：

标签： angular

【解决方案1】：

我找到了一种方法，将onChange($event) 更改为onChange($event,user.team.email)，并且能够在 on change 事件中获取电子邮件和 team_name。我不确定这是否是正确的方法

【讨论】：

是的，在事件处理程序中发送附加参数没有任何问题。