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