在Angular中重新格式化一个数组可以使用Array的map()方法来实现。以下是一个示例代码:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
Formatted Array
- {{ item }}
`
})
export class AppComponent {
originalArray: number[] = [1, 2, 3, 4, 5];
formattedArray: string[];
constructor() {
this.formattedArray = this.originalArray.map(item => `Item ${item}`);
}
}
在上面的代码中,我们首先定义了一个原始数组originalArray
,它包含一些数字。然后,我们在构造函数中使用map()
方法对originalArray
进行重新格式化,将每个数字前面添加前缀"Item ",并将结果保存在formattedArray
中。最后,我们在模板中使用*ngFor
指令来遍历formattedArray
并显示每个项目。
运行以上代码将在页面上显示一个有序列表,其中每个项目均为"Item "后面跟着一个数字。