angular - Angular 2：我正在创建便笺板。因此，单击创建便笺按钮时，我想每次都添加便笺

Question

所以基本上我想在主组件中附加注释组件每次从主组件单击创建注释按钮时。

标签： angularangular-components

Answer 1

Note您的主要组件中需要一个数组。Note然后，当用户单击按钮时，您可以将 的新实例推送到数组上。然后，您将创建一个新组件，例如NoteComponent呈现单个Note实例并将其作为@Input. 然后在您的主要组件模板中，您将使用以下内容迭代您的笔记*ngFor：

<note [note]="note" *ngFor="let note of notes"></notes>

这些应该可以帮助您入门：

https://angular.io/guide/component-interaction

https://angular.io/guide/displaying-data