OnClick добавить элементы с одной страницы на другую (Ionic 2 + Angular 2)

Question

В настоящее время я создаю приложение для рецептов, и я хочу добавить страницу списка покупок, на которой вы нажимаете кнопку «Добавить в список покупок», и на нее будут входить ингредиенты перечисленные в <ul> и размещайте их на странице, которую я хочу, их нужно будет удалить и пометить как можно полные. По существу, корзина без каких-либо цен.

Мои ингредиенты извлекаются из API (http get) и печатаются, как показано ниже.

<ul> 
    <li *ngFor="let item of api?.ingredientLines">{{item}}</li> 
</ul> 

Если кто-то может показать мне пример или помочь мне, это было бы очень оценено.

Answer 1

Вы можете сделать это, сохранив структуру данных и передав ее в качестве параметра на следующую страницу/сохраните в локальном хранилище/отправьте в базу данных и вытащите оттуда на нужную страницу.

Вы вносите изменения в эту структуру после того, как вы нажмете на любой предмет, используя (click)='myFunc()' вид кода.

E.g.

<ul *ngFor="let item of api?.ingredientLines"> 
    <li (click)='myFunc()>{{item}}</li> 
</ul> 

В вас myFunc() вы можете управлять вашей структурой данных. Например. добавить/сохранить свойство, говорящее addedToCart=true вид кода.

Очень простой. Надеюсь это поможет. Может помочь со спецификой, если она у вас есть.