Angular 7第一个对象未正确推送到数组中。_编程开发

Angular 7第一个对象未正确推送到数组中。

创始人

2024-10-17 01:31:24

0次

要将第一个对象正确推送到数组中，你可以使用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元素。

这样，当你点击按钮时，第一个对象将被正确地推送到数组中，并在页面上显示出来。

上一篇：Angular 7订阅填充模型数组

下一篇：Angular 7动态/更新参数的自定义验证

Angular 7第一个对象未正确推送到数组中。

Array Push Example

相关内容

热门资讯