動作環境:AngularJS V1 + Onsen UI V2
【Monaca】Onsen UI V2 + Angular JS V1 最新バージョンのプロジェクト作成方法」に基づき、新規プロジェクトを作成。

1.ログインページとタブ表示ページを切り替えるため、ons-splitterを使用する。
2.ons-page内にons-tabbarを組み込むと、タイミングによりmyTabbarを参照できないため、ディレクティブを使用する。
3.ons-navigatorons-page内に組み込む必要がある。
4.タブ切り替えのタイミングでons-navigatorで表示するページを初期ページに戻す必要がある。

※2017/08/30 コード修正済み。タブ切り替え時にons-navigatorが追加される不具合を修正。
※2018/01/10 コード修正済み。


[html]















Login


Login















Page1

Next




Prev
Page11









Page2

Next




Prev
Page21





[/html]

Recommended Posts