Ionic 4组件的“属性”和“属性”有什么不同？

<!-- 父组件的HTML -->
<ion-list [items]="myItems">
  <ion-item *ngFor="let item of myItems">
    {{ item }}
  </ion-item>
</ion-list>

// 父组件的TypeScript
export class ParentComponent {
  myItems = ['Apple', 'Banana', 'Cherry'];
}

<!-- 子组件的HTML -->
<button (click)="onClick()">Click Me!</button>

// 子组件的TypeScript
import { Component } from '@angular/core';

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html',
  styleUrls: ['./child.component.scss'],
})
export class ChildComponent {
  onClick() {
    // 触发一个自定义事件
    this.myEvent.emit('Hello from child!');
  }

  // 定义一个输出属性，用于触发事件
  @Output() myEvent = new EventEmitter<string>();
}

<!-- 父组件的HTML -->
<app-child (myEvent)="onChildEvent($event)"></app-child>

// 父组件的TypeScript
export class ParentComponent {
  onChildEvent(message: string) {
    console.log('Message from child:', message);
  }
}