在Angular中,您可以使用Array的map函数来从一个对象创建两个对象。以下是一个示例代码:
interface Person {
name: string;
age: number;
}
interface NewPerson {
name: string;
age: number;
description: string;
}
@Component({
selector: 'app-your-component',
template: `
Name: {{ person.name }}
Age: {{ person.age }}
Description: {{ person.description }}
`,
})
export class YourComponent {
persons: NewPerson[] = [];
ngOnInit() {
const persons: Person[] = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 },
];
this.persons = persons.map(person => ({
name: person.name,
age: person.age,
description: person.name + ' is ' + person.age + ' years old.',
}));
}
}
在上面的示例中,我们定义了两个接口Person
和NewPerson
,分别表示原始对象和新创建的对象。我们使用persons
数组的map
函数来遍历每个原始对象,并根据需要创建新的对象。然后,我们将新创建的对象赋值给persons
数组,以便在模板中进行显示。