Component, and @ Input, are used in the ionic3 project. The error message is as follows, but the error of restarting ionic serve, is gone.

The

code implementation is simple enough to display a list of products.
Product list page Page:

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

Product entry Component (mainly some product information):

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

also introduces all the component classes in AppModule.
is there any mechanism involving Angular or Ionic? Do you have a better understanding of the great gods to advise one or two? I have never studied the principle of using Ionic, before, and I don"t know much about this.
by the way, post the environment of ionic. I wonder if it is useful

.
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

Mar.19,2021

needs to see the information in two places, one is whether the custom component is declared in Module, the second is whether @ Input () is used in the ts file of the custom component to declare the data that can be entered, and it is also necessary to declare that the location of this custom component needs to be in the Module where the parent container is located, not necessarily AppModule.

Menu