代碼實(shí)現(xiàn)很簡(jiǎn)單，就是需要展示一個(gè)產(chǎn)品列表。
產(chǎn)品列表頁(yè)面Page：

<ion-list>
    <ion-item *ngFor="let item of orderProductsList">
      <order-detail-product [product]="item"></order-detail-product>
    </ion-item>
  </ion-list>

產(chǎn)品條目Component（主要就是一些產(chǎn)品信息）：

 <div class="p-detail-price-amount">
   <div class="p-detail-price">
    {{product.price}}
  </div>
  <div class="p-detail-amount">
    {{product.amount}}
  </div>
</div>

在AppModule中也引入所有的組件類(lèi)。
請(qǐng)問(wèn)這個(gè)是有涉及Angular或者Ionic的某些機(jī)制么？有沒(méi)有比較懂的大神指點(diǎn)一二？之前一直就是使用Ionic，從來(lái)沒(méi)有研究過(guò)原理性的東西，對(duì)這個(gè)不是很懂。
順便貼一下ionic的環(huán)境，不知有沒(méi)有用

cli packages: (/usr/local/lib/node_modules)

    @ionic/cli-utils  : 1.9.2
    ionic (Ionic CLI) : 3.9.2

global packages:

    Cordova CLI : 7.0.1

local packages:

    @ionic/app-scripts : 3.1.0
    Cordova Platforms  : none
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 26.1.1
    ios-deploy        : 1.9.2
    Node              : v8.9.3
    npm               : 5.5.1
    OS                : macOS High Sierra
    Xcode             : Xcode 9.4 Build version 9F1027a