Monacaの「Onsen UI V2 JS Splitter」のサンプルやOnsen UIons-splitterの実例では、ons-splitter-contentloadメソッドでページの切り替えを行っていますが、ons-navigatorを組み合わせてページ遷移を行うサンプルがないので、どのようにすればよいか悩む方も多いと思います。

ons-splitter-content内にons-navigatorを組み込み、メニューで項目を選択した場合、ons-splitter-contentではなく、ons-navigatorのページを切り替えることで実現できます。

ons-navigatorresetToPageメソッドでページを切り替えます。
pushPageメソッドで次ページに遷移し、popPageメソッドで前ページに戻ります。

【Monaca】Onsen UI ons-splitterとons-navigatorを組み合わせる
Tagged on: