Невозможно добавить элемент по значению кнопки в угловых 5

Question

Я хочу добавить значение кнопки в мою программу.

Сначала я покажу несколько кнопок.

<button *ngFor="let row of buttonTable.rows" mat-raised-button class="btn btn-sm" value={{row}} (click)="addLab(this.value)">{{row}}</button>

Мой метод addLab () -

  addLab(value:any):void{
  this.formTable.rows.push([value]);
  }

А моя кнопка-таблица такая.

declare interface oneLineTable {
  rows: string[][];
}

Но я не могу получить значение этим методом щелчка. У кого-нибудь есть идеи?

Answer 1

попробуйте [value] = "row" и передайте $ event в ваш клик methond

<button *ngFor="let row of buttonTable.rows" mat-raised-button class="btn btn-sm" [value]="row" (click)="addLab($event)">{{row}}</button>

и получите значение вот так

addLab(event) {
 console.log(event.target.value);
 }

Answer 2

Может быть, вы должны попытаться передать 'row' вместо 'this.value' в событии клика addLab:

<button *ngFor="let row of buttonTable.rows" mat-raised-button class="btn btn- sm" (click)="addLab(row)">{{row}}</button>