Angular 7中,要向数组中添加数据而不是替换它,可以使用Array的push()方法。
在Angular中,可以通过以下步骤将数据添加到数组中:
myArray: any[] = [];
onClick() {
const newData = { name: 'John', age: 25 };
this.myArray.push(newData);
}
在上面的示例中,创建了一个包含"name"和"age"属性的新数据对象,并使用push()方法将其添加到myArray数组中。
<ul>
<li *ngFor="let item of myArray">{{ item.name }}, {{ item.age }}</li>
</ul>
上面的示例中,使用*ngFor指令循环遍历myArray数组,并在每个li元素中显示数据项的"name"和"age"属性。
这样,每次调用onClick()方法时,新的数据都会被添加到myArray数组的末尾,并在模板中动态显示出来。
关于Angular的更多信息和学习资源,你可以参考腾讯云提供的Angular相关产品和文档:
请注意,以上提供的腾讯云产品仅作为示例,你可以根据实际需求选择适合的产品和服务提供商。
领取专属 10元无门槛券
手把手带您无忧上云