在ons-tabbar

Question

Hi Onsen UI社区，

我使用ons-tabbar如下：

<ons-page id="main-page" ng-controller="MainController">
<ons-tabbar>
    <ons-tab page="main_1.html" label="Dash" icon="smile-o" active="true"></ons-tab>
    <ons-tab page="main_2.html" label="Meet" icon="group"></ons-tab>
    <ons-tab page="main_3.html" label="Feat" icon="bullseye"></ons-tab>
    <ons-tab page="main_4.html" label="Mee" icon="user"></ons-tab>
    <ons-tab page="main_5.html" label="Set" icon="gear"></ons-tab>
</ons-tabbar>
</ons-page>

在main_1.html中，我想使用ons-navigator，如：

<ons-navigator title="Dashboard" var="nav" page="dashboard.html"></ons-navigator>
<ons-template id="dashboard.html">
    <ons-page id="dashboard-page">
        <ons-button ng-click="nav.pushPage('detail.html', { animation: 'slide' })">
            GoTo Detail
        </ons-button>
    </ons-page>
</ons-template>

到目前为止，我可以毫无问题地使用上述代码。但是，点击“GoTo”按钮后，总会出现同花。并在加载detail.html页面时。

我想知道是否有更好的方法可以在页面上没有任何刷新。