Создавайте компонент столько раз, сколько хочет пользователь, с событием щелчка на ionic

Question

Может быть, некоторые из вас знают приложение Garmin connect, с его помощью можно проводить тренировки. Внутри вы можете нажать «добавить повтор», и появится небольшой модуль. Если щелкнуть еще раз, он появится снова. Вот пример: щелкните В ioni c этот маленький windows может быть компонентом. Как я могу генерировать этот компонент столько раз, сколько я хочу с событием щелчка, используя ioni c?

Кому-нибудь как идея?

Спасибо.

Answer 1

Вы можете использовать массив для сохранения моделей и использовать * ngFor для итерации по нему. С каждым щелчком вы просто добавляете новый элемент в массив

my-page. html

<!-- ... -->
<ng-container *ngFor="let item of items">
    <my-component [fooValue]="item.foo"><my-component>
</ng-container>

<ion-button (click)="addNewItem()">+</ion-button>
<!-- ... -->

my-page.ts

//...
private items = [];
//...
public addNewItem() {
    const item = {foo: "bar"}; // put every attribute that you will bind to your component
    this.items.push(item);
}
//...