如何将值添加到数组 - Angular2

Posted

技术标签:

【中文标题】如何将值添加到数组 - Angular2【英文标题】:How to add values to array- Angular2 【发布时间】:2016-10-15 20:09:47 【问题描述】:

我在 angular2 中制作了一个这样的数组,还制作了一个表格来填写表格,效果很好。但我的问题是在不填写表单的情况下将一些值放入这个数组的最佳方法是什么,我想要这个数组中已经有一些内容。

employeeList = new Array<name:string, bio:string, job:string, salery:string, url:string>();

【问题讨论】:

嗨,Aleksander,如果您可以将代码作为文本包含在问题中,这会有所帮助,因为它可以更轻松地复制和修改而无需重新输入 有一个选项可以编辑问题。由于这是代码,您还可以格式化代码 - 选择它并点击 图标 是的,我现在明白了,谢谢 【参考方案1】:

创建一个代表你的结构的类:

export class User 
  name: string;
  bio: string;
  job: string;
  salary: string;
  url: string
  constructor(_name: string, _bio: string, _job: string, _salary: string, _url: string) 
    this.name = _name; this.bio = _bio; this.job = _job; this.salary = _salary; this.url = _url;
  

或者像这样:

export class User 
  constructor(public name: string,
    public bio: string,
    public job: string,
    public salary: string,
    public url: string) 
  

您的数组将如下所示:

users: User[] = []; // if it's a class member
var users: User[] = []; // if it's a local variable

向数组中添加一些东西:

this.users.push(
   new User("Bob", "", "Developer", "100", "github.com"); 
)

【讨论】:

请在你的构造函数中包含初始化:this.name = _name; this.bio = _bio;这个.job = _job; this.salary = _salary; this.url = _url;

以上是关于如何将值添加到数组 - Angular2的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Reactjs 中的状态对象内将值添加到数组中

将值添加到复杂数组

如何将值添加到其他类的数组列表中?

如何将值添加到数组中而不将其在for循环外重置为0

当我尝试从网页添加 DOM 元素时,我的数组得到 0 值,如何将值添加到 .each 函数中的列表?

如果您从一个视图控制器快速移动到另一个视图控制器,如何动态地将值添加到数组中?