親のコンテンツを子からリフレッシュする

Question

は簡単な方法ですが、親ビューに内容を更新するよう指示できますか？この場合

私は、ソートのモデルを変更することだし、この新しいモデルの状況と私のHTTPリクエストを照会したいと思います。

import {Component} from '@angular/core'; 
import {LoadingController,NavController,PopoverController,ViewController} from 'ionic-angular'; 
import {Http} from '@angular/http'; 
import 'rxjs/add/operator/map'; 
@Component({ 
template: ` 
<ion-list radio-group [(ngModel)]="suchService.sort" class="popover-page"> 
    <ion-item> 
    <ion-label>Entfernung aufsteigend</ion-label> 
    <ion-radio (click)="sortchange()"value=""></ion-radio> 
    </ion-item> 
    <ion-item> 
    <ion-label>Neueste zuerst</ion-label> 
    <ion-radio (click)="sortchange()"value="9"></ion-radio> 
    </ion-item> 
    <ion-item> 
    <ion-label>Preis aufsteigend</ion-label> 
    <ion-radio (click)="sortchange()"value="1"></ion-radio> 
    </ion-item> 
</ion-list> 
` 
}) 
class PopoverPage { 

constructor(private suchService: SuchService, private viewController: ViewController) { 

} 
sortchange(){ 
    console.log("HALLO?"); <-- CALL FUNCTION OF ERGEBNISSE 
    this.viewController.dismiss(); 
} 
} 
export class Ergebnisse { 
..... 
getResults(){...} 
.... 
} 

私はあなたの子供に...私はPopoverpageのためにファイルの別の.TSを使用する場合でも...私のPopoverpageに

Answer 1

をリッスンする関数を作成お返事ありがとうございました。

私はそれを解決するためにいくつかのイオン特異的APIを使用しました。

私は

presentPopover(ev) { 

let popover = this.popoverCtrl.create(PopoverPage, {}); 

popover.present({ 
    ev: ev 
}); 

を通じて子供ポップオーバーを作成した後、私の問題を解決したイオンからいくつかのリスナーがあります。

popover.onDidDismiss(data => { 
//Can Use Data which is passed by Popover 
}); 

Answer 2

Here is a great read about component interaction

使用@outputをErgebnisseクラスをインポートすることはできません親でそれを聞きます。

子コンポーネント.ts - 関数で呼び出されたときにイベントを発生させるOutput変数を宣言します。

@Output() sortChangedEvent = new EventEmitter<any>(); 

sortChange() { 
    this.sortChangedEvent.emit({sortOrder: 'asc'}); 
} 

親コンポーネントのhtml - あなたの親コンポーネントで機能して

<child-component (sortChange)="refereshListOrder($event)"></child-component> 

親コンポーネント.TSを子イベント・エミッターをリンク - イベント

refreshListOrder(event) { 
    // sudo code below 
    service.getData().withSortOrder(event.sortOrder); 
}