Как напечатать значение поля объекта при нажатии встроенной кнопки редактирования в машинописи

Question

Я хочу, чтобы консоль регистрировала определенный атрибут объекта, когда я нажимала кнопку редактирования. Возможно ли это с помощью приведенного ниже заимствованного кода?

Пожалуйста, посоветуйте, как использовать индекс для получения значения "name". ». Смотрите последнюю строку кода с комментарием.

export class AppComponent  {
  name = 'Angular';
  enableEdit = false;
  enableEditIndex = null;
  wantedValue = '';
  backendData = [{
    "name": 'Target',
    "value": '100',
    "description": 'abc'
  },
  {
    "name": 'Size',
    "value": '20',
    "description": 'def'
  },
  {
    "name": 'Industry',
    "value": '40',
    "description": 'ghi'
  }]

  enableEditMethod(e, i) {
    this.enableEdit = true;
    this.enableEditIndex = i;
    console.log(i, e);

    this.wantedValue = //the selected name value
    console.log(// this.wantedValue //); //I want to get the name if the index (object) that is to be editted. e.g I 
    want "Industry" in console.
  }
}

Answer 1

Попробуйте: в шаблоне

<div *ngFor="let e of backendData; let i = index">
....
  <button (click)="enableEditMethod(e, i)">Edit</button>
....
</div>

в файле .ts

enableEditMethod(e, i) { 
    ..... Your Code .....
    console.log(e.name);
}