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

Пожалуйста, посоветуйте, как использовать индекс для получения значения «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.
  }
}
1
Kent 14 Апр 2020 в 20:03

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);
}
0
Reynier Alberto Rivero Alarcón 14 Апр 2020 в 17:16