在Angular2中创建对象数组的方法是通过定义一个类来表示对象,并使用该类创建对象数组。
首先,我们需要创建一个类来表示对象。例如,我们创建一个名为"Person"的类,该类具有"name"和"age"属性:
export class Person {
name: string;
age: number;
}
接下来,在组件中,我们可以声明一个对象数组,并使用该类创建对象并添加到数组中:
import { Component } from '@angular/core';
import { Person } from './person';
@Component({
selector: 'app-root',
template: `
<ul>
<li *ngFor="let person of people">{{ person.name }} - {{ person.age }}</li>
</ul>
`
})
export class AppComponent {
people: Person[] = [];
constructor() {
// 创建对象并添加到数组中
const person1 = new Person();
person1.name = "John";
person1.age = 25;
this.people.push(person1);
const person2 = new Person();
person2.name = "Jane";
person2.age = 30;
this.people.push(person2);
}
}
在上面的代码中,我们首先导入了"Person"类,并在组件中声明了一个名为"people"的对象数组。然后,在构造函数中,我们创建了两个"Person"对象,并将它们添加到"people"数组中。
最后,在模板中,我们使用"*ngFor"指令遍历"people"数组,并显示每个对象的"name"和"age"属性。
这样,我们就成功地在Angular2中创建了一个对象数组。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云