monacaで別のnavigatorのhtmlファイルに遷移したい。

Question

monacaで別のnavigatorのhtmlファイルに遷移したいです。

#####遷移元(navi1)

<ons-navigator var="navi1">
<ons-page>
<ons-button onclick="">button</ons-button>
</ons-page>
</ons-navigator>

#####遷移先(navi2)

<ons-navigator var="navi2">
<ons-page>
<ons-button onclick="">button</ons-button>
</ons-page>
</ons-navigator>

######navi1からnavi2に遷移する方法を知りたいです。
同じnavigator内なら

onclick="navi1.pushPage('sample.html')"

で遷移出来ることはわかったんですが、違うnavigatorになると調べても出てこないので教えて下さい。

Answer 1

最上位にons-navigatorを一つだけ定義してください。

• index.html

<ons-navigator var="navi1" page="page1.html">
</ons-navigator>

• page1.html

<ons-page>
<ons-button onclick="">button</ons-button>
</ons-page>

• page2.html

<ons-page>
<ons-button onclick="">button</ons-button>
</ons-page>

• JavaScript

navi1.pushPage('page2.html')