ionic別のタブにオブジェクトを渡す

Question

ホームページ（タブ1）。私は、オブジェクト

@Component({ 
     selector: 'page-home', 
     templateUrl: 'home.html', 
     providers: [Data] 
    }) 
    export class HomePage { 
      constructor(public navCtrl: NavController,public navParams: NavParams, public dataService: Data, public nativeStorage: NativeStorage) { 
     } 
     postTapped(card:any){ 
    this.dataService.setSelectedCard(card); 
     console.log(card); 
    this.navCtrl.parent.select(1); 
} 
    addPost(){ 
     this.navCtrl.push(PostPage); 
} 

詳細ページタブ2.これは私がオブジェクトに

@Component({ 
      selector: 'page-detail', 
      templateUrl: 'detail.html', 
     }) 
     export class DetailPage { 
    card:any; 
    constructor(public navCtrl: NavController, dataService: Data, public navParams: NavParams,) { 
     console.log(this.card); 
     this.card= dataService.getSelectedCard(); 
    } 
} 

これを送りたいターゲットページでのリストからオプションをクリックし、ユーザーを希望する場所ですオブジェクトを格納するためのデータと呼ばれるプロバイダがある、私は、このサービスでオブジェクトを格納しようとしましたが、オブジェクトは、それは私がを通じて徹底的に見ている

@Injectable() 
export class Data { 
    selectedCard: any; 
    data: any; 
    posts: FirebaseListObservable<any[]>; 

    constructor(public db: AngularFireDatabase) { 
    this.posts = db.list('/posts'); 
    } 

    setSelectedCard(selectedCard:any){ 
     this.selectedCard=selectedCard; 
    } 
    getSelectedCard(){ 
     return this.selectedCard; 
    } 
} 

次のタブページに到達する時間では空終わります私の問題を解決するための何かを見つけることができない場合、どんな助けも大いにありがたくなるでしょう。

Answer 1

プロバイダからデータを取得できない理由は、プロバイダインスタンスがコンポーネントクラスに対してローカルであるためです。

プロバイダは、次の2つの方法のいずれかで追加できます。

@Component({ 
    template: `<p>Hey!</p>`, 
    providers: [MyService] 
}) 

又は（app.module.ts）ルートコンポーネントにブートストラップする場合は、アプリケーションにグローバルに付加することができる：これは、このような個々の成分に添加することができる

@NgModule({ 
    declarations: [ 
    MyApp, 
    HomePage 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    ReactiveFormsModule, 
    IonicModule.forRoot(MyApp) 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
    MyApp, 
    HomePage 
    ], 
    providers: [ 
    Data 
    ] 
}) 
export class AppModule {} 

のあなたが選ぶこれら2つは大変重要です。ブートストラップに追加すると、アプリケーションのすべてのコンポーネントが共有するサービスの単一のインスタンスが作成され、コンポーネント間でデータを共有するのに最適な方法になります。プロバイダを個別のコンポーネントに追加すると、その1つのコンポーネントだけに新しいインスタンスが作成されます。

あなたの場合は、コンポーネントに追加して、別のコンポーネントに取得しようとしているため、データを取得できません。それを解決するには、プロバイダをグローバルなものにする必要があります。