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類型的代碼。

很簡單。希望這可以幫助。如果您有任何問題，可以提供具體幫助。