イオン値2の別のコンポーネントに変数値を渡す

Question

私はボタンであるイオン成分を、別のコンポーネントに保存されている変数の値に基づいて表示しようとしています。

変数が、私は変数がtrueに等しい場合、要求ボタンを表示したときに偽のそれを隠すしたいブールは私のhome.ts

内部に格納され、は isPickupRequestedと呼ばれています。

Home.ts

. . . 
export class HomePage { 

    public isPickupRequested: boolean; 

    constructor(public navCtrl: NavController, public platform: Platform, 
    private geolocation: Geolocation, public events: Events) { 
    platform.ready().then(() => { 

     this.loadMap(); 
     this.isPickupRequested = false; 
} 
. . . 

要求-button.html

<button [hidden]="!isPickupRequested" ion-button (tap)="ConfirmPickup()">Set pickup location</button> 

することができますどのように要求し、ボタンコンポーネントはisPickupRequested変数へのアクセス権を持っていますか？

Answer 1

コンポーネントの値を親コンポーネントに渡すには、eventsを使用する必要があります。子ページから

だから、このような何かを：あなたは他の場合と同様に

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


@Component({ 
    ... 
}) 
export class ChildPage { 
    @Output() pickupConfirmed = new EventEmitter(); 

    ... 

    notifyPickupConfirmed() { 
    this.pickupConfirmed.emit(pickUpId); 
    } 
} 

は、次に親ページにあなただけのテンプレートでイベントをキャッチすることができます：

<request-button (pickupConfirmed)="onPickupConfirmed($event)">