CheckIn
ページにtitle
という属性があります。Ionic 2では、2つのコンポーネント間で属性データを渡す方法はありますか?
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
@Component({
templateUrl: 'check-in.html'
})
export class CheckInPage {
public title: string = 'Check In';
constructor(public navCtrl: NavController) {
}
}
私はTabsPage
で、このページをインポートします。
import { Component } from '@angular/core';
import { CheckInPage } from '../check-in/check-in';
@Component({
templateUrl: 'tabs.html',
})
export class TabsPage {
public tab3Root: any;
constructor() {
this.tab3Root = CheckInPage;
}
}
そして今、私は私のTabsPageビューでそれを使用したい:私はそれをconsole.log
とき
<ion-tabs>
<ion-tab [root]="tab3Root" tabTitle="{{tab3Root.title}}" tabIcon="cog"></ion-tab>
</ion-tabs>
は、これは私にundefined
を与えます。手伝ってください。
コードは正常です。あなたは 'console.log'に何をしようとしていますか? 'this.tab3Root'? – Huiting
@Huiting 'CheckInPage'をインポートした場所の' CheckInPage.title'属性、 'TabsPage'にアクセスしようとしています。 –
@KaMok、タブはそのようには機能しません。 'tabTitle'属性は文字列でしかないので、タイトルを静的に設定する必要があります。後で変更したいのですか?なぜ、 'title'プロパティを代わりに使用しようとしていますか? – sebaferreras