angular.js - angular2 基础问题，求解答

Question

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

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

Answer 1

이것은 편리한 데이터 구조를 만드는 문제입니다.

목록의 구조는 백엔드에서 제공되며 변환이 필요하지 않습니다. 먼저 카테고리를 확인한 다음 카테고리에 해당하는 제품을 확인하세요.

장바구니는 별도의 변수 객체(맵)여야 합니다. 키는 제품 ID이고 값은 템플릿에서 해당 수량에 직접 접근할 수 있습니다.