Как передать значение выбранной строки таблицы в событие нажатия кнопки - Дизайн материала - Угловой 6

Question

мой предыдущий вопрос был неясен.Позвольте мне спросить еще раз, пока я изо всех сил стараюсь выполнить свою задачу.

У меня есть таблица mat вместе с флажком для каждой строки.(Нет основного флажка).всякий раз, когда я выбираю строку, я должен отправлять значения выбранной строки кнопке, которая находится за пределами таблицы.

[если у меня есть кнопка внутри таблицы, я мог бы сделать это, открыв значение по умолчанию ELEMENT из *matCellDef="let element" переменной, если кнопка присутствует внутри таблицы.

Но я не знаю, как передать значение выбранной строки кнопке.Я должен сделать маршрутизацию на основе значения из выбранной строки.

до сих пор я.

HTML

<div><button mat-button  [disabled]="!checkedbtn" (click)='linktomynxtpage()'>link to another page</button></div>

<table #demoTable mat-table [dataSource]="sample" multiTemplateDataRows>
// some ng-container with <th><td>

 <ng-container *ngIf="isAdmin" matColumnDef="actions">
    <th mat-header-cell *matHeaderCellDef> Action </th>
    <td mat-cell *matCellDef="let element">     
      <mat-checkbox class="select-checkbox" [(ngModel)]="checkedbtn" ></mat-checkbox>        
    </td>
  </ng-container>

  <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  <tr mat-row style="text-align:left" *matRowDef="let element; columns: displayedColumns;" ></tr>
  <tr mat-row *matRowDef="let row; columns: ['expandedDetail']" class="detail-row"></tr>
</table>

TS

linktomynxtpage(){
    //some logics
    //passing row value. and doing routing
    this.nxtPage.navigate(['/home/particular-user'])

}

Answer 1

использовать событие (change)

  <mat-checkbox class="select-checkbox" [(ngModel)]="checkedbtn" (change)="onChange(element)" ></mat-checkbox>  


onChange(row){
  // put the row whenever you want
}