在angular [Ionic]中的两个HTML元素之间传递值

<app-child [inputValue]="parentValue"></app-child>

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

@Component({
  selector: 'app-child',
  template: '<p>{{ inputValue }}</p>'
})
export class ChildComponent {
  @Input() inputValue: string;
}

<button (click)="sendValue()">传递值</button>

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

@Component({
  selector: 'app-child',
  template: ''
})
export class ChildComponent {
  @Output() valueEvent = new EventEmitter<string>();

  sendValue() {
    const value = '传递的值';
    this.valueEvent.emit(value);
  }
}

<app-child (valueEvent)="receiveValue($event)"></app-child>

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: ''
})
export class ParentComponent {
  receiveValue(value: string) {
    console.log(value);
  }
}