国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

angular.js - angular2 基礎(chǔ)問題,求解答
怪我咯
怪我咯 2017-05-15 17:10:03
0
1
649

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

<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="{{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)出來用戶的這個(gè)產(chǎn)品的在購物車的記錄,有記錄item.cart.number,就顯示,沒有就顯示0,結(jié)果一大堆錯(cuò)誤。 。 。 。

怪我咯
怪我咯

走同樣的路,發(fā)現(xiàn)不同的人生

全部回覆(1)
給我你的懷抱

這應(yīng)該是做一個(gè)順手資料結(jié)構(gòu)的問題。

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

購物車需要單獨(dú)做個(gè)變數(shù)物件(map),key是產(chǎn)品id,value是數(shù)量,在範(fàn)本裡直接存取對(duì)應(yīng)的數(shù)量即可。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板