如何绑定自定义ionicangular组件的值和事件处理程序？

假设我们有一个自定义的组件 my-component ，它有一个 myValue 属性和一个 myEvent 事件。

在父组件中，我们可以使用双向绑定来绑定 myValue 属性：

<my-component [(myValue)]="parentValue"></my-component>

然后，我们可以使用 @Output 装饰器来定义一个具有 @Output 装饰器的事件处理程序方法：

import { Component, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'my-component',
  templateUrl: 'my-component.html'
})
export class MyComponent {

  myValue: string;

  @Output() myEvent: EventEmitter<string> = new EventEmitter<string>();

  constructor() {

  }

  onClick() {
    this.myEvent.emit('clicked');
  }

}

然后，在 my-component.html 文件中，我们可以添加一个按钮，并在点击时调用 onClick 方法：

<ion-button (click)="onClick()">Click me</ion-button>

最后，在父组件中，我们可以使用事件绑定来绑定 myEvent 事件，就像这样：

<my-component (myEvent)="parentEventHandler($event)"></my-component>