如何将对象推入 Angular 6 中的对象数组？答案

【问题标题】：How to push object into an object array in Angular 6?如何将对象推入 Angular 6 中的对象数组？
【发布时间】：2019-03-09 02:41:17
【问题描述】：

我有一个像 groupList:any = {} 这样的空对象数组，现在我想将一个对象推入其中。我正在尝试将名称和描述作为一个对象。

【问题讨论】：

groupList 在这里不是一个数组，它只是一个普通的旧对象。我怀疑称其为“对象数组”会引起一些混乱。我认为这可以通过一个示例来解决 - 如果groupList 中存储了多个对象，您能否在问题中包括这应该是什么样子？
请阅读Under what circumstances may I add “urgent” or other similar phrases to my question, in order to obtain faster answers? - 总结是这不是解决志愿者的理想方式，并且可能会适得其反。请不要将此添加到您的问题中。
嘿奥利弗，你能标记答案吗？

标签： javascript html angular angular2-forms

【解决方案1】：

它不是数组，数组表示为 [] ，可能你需要

groupList:any = [];

然后，

this.groupList.push({name:'you',description:'what is array'});

【讨论】：

是的，它不是一个数组，但我正在尝试使用角度形式将其推入以获得以下结构："groupList": { {"name":group1","description":"descrption1"} }
@OliverQueen 您编写的 JSON 无效，您不能像这样在另一个对象中包含一个对象。对象由属性名称和值组成，因此您不能拥有这样的“未命名”属性。你是不是把它和字典混在一起了？例如"groupList": { "group1": "description1", "group2": "description2" }

【解决方案2】：

app.component.ts

declare var require: any;
import { Component } from '@angular/core';
import { OnInit } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent{
    groupList:any = [];
    arrayVal:any;
    currentVal : any;
  title = 'projectchart';
  public array = [{"id":1},{"id":3},{"id":5}];

 getPrev(){

     this.array.forEach((item, index) => {

  this.groupList.push(item.id);

});
console.log(this.groupList); 
 }


}

app.component.html

<button (click) ="getVal()">Previous Value</button>

【讨论】：