以下是一个在Angular中使用JSONArray来添加两列到表格中的示例代码:
首先,在你的组件中定义一个JSONArray:
dataArray: any[] = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 },
{ name: 'Bob', age: 35 }
];
然后,在你的HTML模板中使用ngFor指令来遍历JSONArray并显示表格:
Name
Age
Column 1
Column 2
{{ data.name }}
{{ data.age }}
{{ getFirstColumnValue(data) }}
{{ getSecondColumnValue(data) }}
在你的组件中定义两个函数来获取添加到表格中的两列的值:
getFirstColumnValue(data: any): string {
// 通过data对象的某些属性计算并返回第一列的值
return 'First Column: ' + (data.age * 2);
}
getSecondColumnValue(data: any): string {
// 通过data对象的某些属性计算并返回第二列的值
return 'Second Column: ' + (data.age * 3);
}
这样,每行中的“Column 1”和“Column 2”单元格将分别显示通过getFirstColumnValue和getSecondColumnValue函数计算得到的值。
希望这个示例能够帮助你解决问题!