angular.js - angular2 基础问题,求解答
怪我咯
怪我咯 2017-05-15 17:10:03
0
1
556

这是我的项目,逻辑是这样的,右边显示的是产品列表,按加会判断是否已经有加入购物车,有就增加数量,没有就创建一条记录。
页面刷新时,如何将产品列表和用户的购物车进行匹配?

<ion-header>
  <ion-navbar>
    <ion-title>产品列表</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>

我目前的逻辑是,关联出来用户的这个产品的在购物车的记录,有记录item.cart.number,就显示,没有就显示0,结果一大堆错误。。。。

怪我咯
怪我咯

走同样的路,发现不同的人生

全員に返信(1)
给我你的怀抱

これは便利なデータ構造を作る問題のはずです。

リストの構造はバックエンドによって提供されるため、最初にカテゴリを確認してから、そのカテゴリに対応する製品を確認するだけです。

ショッピング カートは別の変数オブジェクト (マップ) である必要があります。キーは製品 ID で、値はテンプレート内の対応する数量に直接アクセスできます。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!