要将第一个对象正确推送到数组中,你可以使用Array的unshift()方法。这个方法将一个或多个元素添加到数组的开头,并返回新的数组长度。
下面是一个使用Angular 7的代码示例:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
Array Push Example
- {{item}}
`,
styleUrls: ['./app.component.css']
})
export class AppComponent {
items: any[] = [];
pushObject() {
const object = { id: 1, name: 'Object 1' };
this.items.unshift(object);
}
}
在这个示例中,我们有一个按钮,当点击这个按钮时,会调用pushObject()方法。这个方法将一个包含id和name属性的对象添加到items数组的开头。
在组件的模板中,我们使用*ngFor指令来循环遍历items数组,并将每个item渲染为一个li元素。
这样,当你点击按钮时,第一个对象将被正确地推送到数组中,并在页面上显示出来。