Как использовать @output в ionic 3

Question

это родительская страница

<div>
    <component></component>
<div>

это будет перенаправлять на этот компонент, где я создал форму, теперь я хочу получить те данные, которые я заполняю здесь на моей родительской странице на дочерней странице

<h5> Type of house </h5>
        <ion-item>
            <ion-label stacked> </ion-label>
            <ion-select [(ngModel)]="Type" placeholder="type of house">
                <ion-option value="self"> a </ion-option>
                <ion-option value="got" selected> b </ion-option>
            </ion-select>
        </ion-item>

есть простая форма

Я знаю, как передавать данные от родителя к потомку, но я не знаю, как передать данные от потомка к родителю, используя @ output

Answer 1

В child.ts

import {Output, EventEmitter} from '@angular/core';
export class ChildComponent {
  ...
  @Output() typeChanged = new EventEmitter<string>();
  type = "got";

  emit() {
    this.typeChanged.emit(this.type);
  }
}

В parent.html

<div>
    <component (typeChanged)="onTypeEmitted($event)"></component>
<div>

В parent.ts

export class ParentComponent {
  ...
  onTypeEmitted(type: string) {
    // do something with 'type'
  }
}

Собственно, вы можете получить его из angular.io / guide / component-взаимодействия # Родитель прослушивает дочернее событие .