Question

我正在使用Angular4，我不知道如何声明对象集合，然后添加项目并删除项目？谢谢你的帮助

这是做了什么：组件：

import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
    // tableaux d'objets
    personnes: Object[]=[{id:1, nom: "Alain"},{id: 2, nom: "Clémentine"},{id: 3, nom: "Cathy"}];
}

模板：

<table>
    <tr *ngFor="let personne of personnes">
        <td>{{personne.id}}</td>
        <td>{{personne.nom}}</td>
    </tr>
</table>

它运行正常，但现在我想管理我的对象集合，例如用户将提供数据，我将使用这些数据创建一个新对象，并且我将这个新对象添加到我的收藏。我试过这个，但它没有用：

personnes: Object[] = [];
personne: any = {{id:1, nom: "Alain"};
this.personnes.push(this.personne);

或

personnes: any[] = [];
personne: any = {{id:1, nom: "Alain"};
this.personnes.push(this.personne);

Answer 1

您只需使用任何数组，我建议您在https://www.typescriptlang.org/docs/handbook/basic-types.html的官方网站上查看相关文档，这是一个使用您的示例http://embed.plnkr.co/vsQWITwK48beVWVCiiAI/

的测试

Angular4使用对象的集合

1 个答案: