問題描述

這是我的項目，邏輯是這樣的，右邊顯示的是產(chǎn)品列表，按加會判斷是否已經(jīng)有加入購物車，有就增加數(shù)量，沒有就創(chuàng)建一條記錄。頁面刷新時，如何將產(chǎn)品列表和用戶的購物車進行匹配？

<ion-header> <ion-navbar> <ion-title>產(chǎn)品列表</ion-title> <button ion-button menuToggle end> <ion-icon name='menu'></ion-icon> </button> </ion-navbar></ion-header><ion-content> <p class='left-list'> <ion-list > <button ion-item *ngFor='let category of categories' (click)='getItems(category)' [class.active]='category==selectCategory'>{{ category.name }} </button> </ion-list> </p> <p class='right-content'> <ion-list> <ion-item *ngFor='let item of items'><ion-thumbnail item-left *ngIf='item.image'> <img src='http://www.gepszalag.com/wenda/{{item.image}}'></ion-thumbnail><h2>{{item.name}}</h2><p>{{item.text}}</p><p class='input-group'> <button ion-button round>-</button> <input type='number' [(ngModel)]='item.cart.number || 0' > <button ion-button round (click)='itemInc(item)'>+</button></p> </ion-item> </ion-list> </p></ion-content>

我目前的邏輯是，關(guān)聯(lián)出來用戶的這個產(chǎn)品的在購物車的記錄，有記錄item.cart.number,就顯示，沒有就顯示0，結(jié)果一大堆錯誤。。。。

問題解答

這應該是做一個順手數(shù)據(jù)結(jié)構(gòu)的問題。

列表的結(jié)構(gòu)是后端給你的不需要轉(zhuǎn)換，先查分類再查分類對應的產(chǎn)品即可。

購物車需要單獨做個變量對象（map），key是產(chǎn)品id，value是數(shù)量，在模板里直接訪問對應的數(shù)量即可。