Monaca > 画面遷移

Monaca(というかonsen ui? SPA?)は、

ページのプッシュ、ポップ

index.html に ons-navigator を記述し、ベースとなるページを page属性に設定
<ons-navigator id="myNavigator" page="firstPage.html"></ons-navigator>

スクリプト中で
myNavigator.pushPage("nextPage.html");
で指定してプッシュ。

データを渡す/取り出す

myNavigator.pushPage("nextPage.html", 渡すデータ);
ページが遷移されたときにデータを取り出すためには、 pageinit イベントで発火するところに、うえで言うところのmyNavigator から、ページ情報を
var page = myNavigator.topPage;
console.log(page.data.title); // data = { title: "test title"}
最終更新:2017年10月01日 18:33