Angular 在typescript中单击内联编辑按钮时如何打印对象的字段值

Angular 在typescript中单击内联编辑按钮时如何打印对象的字段值,angular,typescript,Angular,Typescript,当我点击编辑按钮时,我想控制台记录一个对象的特定属性,这是否可以使用下面借用的代码 请告知如何使用索引获取“name”的值。请参阅带有注释的代码的最后一行 export class AppComponent { name = 'Angular'; enableEdit = false; enableEditIndex = null; wantedValue = ''; backendData = [{ "name": 'Target', "value": '

当我点击编辑按钮时,我想控制台记录一个对象的特定属性,这是否可以使用下面借用的代码

请告知如何使用索引获取“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.
  }
}
试试这个: 模板中

<div *ngFor="let e of backendData; let i = index">
....
  <button (click)="enableEditMethod(e, i)">Edit</button>
....
</div>
试试这个: 模板中

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

您的对象在模板中是如何显示的?在表格中按以下顺序显示:名称|值|说明。我需要控制台中编辑的索引名。您需要在模板中共享适当的代码。1.您如何编辑每个条目?2.您正在迭代数组3。编辑完成后,您是只需要值还是在编辑自身时?对象在模板中如何显示?在表格中按以下顺序显示:名称|值|说明。我需要控制台中编辑的索引名。您需要在模板中共享适当的代码。1.您如何编辑每个条目?2.您正在迭代数组3。编辑完成后,您是只需要该值,还是在编辑自身时需要该值?