javascript - 获取被点击的特定按钮的 ID。

Question

我有一个表格，在表格内，其中一列包含一个按钮，每一行的按钮 ID 都不同。 id 使用 Angular {{}} 进行数据绑定(bind)。在按钮元素上，我有一个名为 MarkasRead() 的函数，该函数将在单击时调用。当我尝试检索它的 ID 时，它显示未定义，我真的需要在函数调用中使用该 ID 来完成更多工作。

列出了表格代码和函数调用。

<table *ngIf="receivedMessages?.length > 0;else noReceivedMessages" class="table table-responsive table-bordered animated bounceIn" style="table-layout: fixed;width:100%; word-wrap:break-word;">
                  <thead>
                    <tr>
                      <th></th>
                      <th>From</th>
                      <th>Date</th>
                      <th>Subject</th>
                      <th></th>
                      <th></th>


                    </tr>
                  </thead>
                  <tbody *ngFor="let message of receivedMessages">
                    <tr *ngIf="message.mDeleted == '0' ">
                      <td><i style="color:red" class="fa fa-exclamation" aria-hidden="true"></i></td>
                      <td> {{message.messageFrom}}</td>
                      <td> {{message.createdDate}}</td>
                      <td> {{message.subject}}</td>
                      <td><a style="width:100%;background-color:tomato;color:white" [routerLink]="['/message/'+message.$key]" href="" class="btn">
                        <i class="fa fa-arrow-circle-o-right"></i> Details</a></td>
                      <td> <button id="{{message.$key}}" *ngIf="message.readStatus == '0'" type="submit" class="btn btn-success" (click)="MarkasRead()">Mark as Read</button>
                      </td>
                    </tr>

                  </tbody>
                </table>






MarkasRead(){

      alert(this.id); // or alert($(this).attr('id'));

  }

Answer 1

为此，您需要将 id 作为参数作为 "MarkasRead(message.$key)" 传递给 MarkasRead 函数，然后将下面的函数定义为:

function MarkasRead(value)
{
  alert(value);
}