OnClick 1つのページから別のページに項目を追加する（イオン2 +角度2）

Question

私は現在レシピアプリを作成しています。買い物リストページを追加して「買い物リストに追加」ボタンをクリックすると、 <ul>に記載されているページに投稿してください。可能であれば、削除して完全なものとしてマークする必要があります。本質的に価格のないショッピングカート。

私の食材はAPI（http get）から引き出され、以下のように印刷されています。

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

誰かが私に例を示したり、私を助けてくれたら、大いに感謝します。

Answer 1

これは、データ構造を維持し、それをパラメータとして次のページに渡す/ローカルストレージに保存する/データベースに送信し、必要なページでそこから引き出すことによって行うことができます。

(click)='myFunc()'種類のコードを使用してアイテムのいずれかをクリックすると、この構造に変更が加えられます。

など。

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

myFunc()では、データ構造を操作できます。例えば。コードのaddedToCart=trueの種類を追加/維持するプロパティ。

非常に単純です。お役に立てれば。あなたが持っている場合は具体的に役立つことができます。