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

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

<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,结果一大堆错误。。。。

怪我咯
怪我咯

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

reply all(1)
给我你的怀抱

This should be a matter of making a convenient data structure.

The structure of the list is given to you by the backend and does not require conversion. Just check the category first and then the products corresponding to the category.

The shopping cart needs to be a separate variable object (map). The key is the product ID and the value is the quantity. You can directly access the corresponding quantity in the template.

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!