Javascript Onsen UI分页：导航器和选项卡栏

我对混合使用navigator和tabbar表示怀疑

说明：主页（主页面1）由两个子页面（tab1和tab2）组成，可通过tabbar访问，而其他页面（主页面2和3）可通过navigator访问。tab1页面是第一个激活的页面

布局：tab1和tab2页面具有相同的工具栏（在顶部）。page2和page3有不同的工具栏，带有后退按钮和另一个按钮，可重定向到主页选项卡1

我的代码是这样的，但我不知道这是正确的还是最好的方法：

.项目{
填充：10px；
线高：1；
}
角度模块（'app'，['onsen']）；
角度.module（'app'）.controller（'AppController'，function（$scope）{
//AppController的函数
});
角度。模块（'app'）。控制器（'Tab1Controller'，函数（$scope）{
//TAB1控制器的功能
});
角度。模块（'app'）。控制器（'Tab2Controller'，函数（$scope）{
//TAB2控制器的功能
});
角度。模块（'app'）。控制器（'Page2Controller'，函数（$scope）{
//Page2控制器的功能
});
角度。模块（'app'）。控制器（'Page3Controller'，函数（$scope）{
//Page3控制器的功能
});
去
应用程序
内容表1

内容表2

项目{{Item}

家
第2页
内容页2

项目{{Item}

家
第3页

流行音乐


第2页

这是一个爆米花

单击背景以删除弹出框

由于没有具体问题，我将尝试澄清您在那里使用的导航模式

<!-- Navigator as root element -->
<ons-navigator>
    <ons-page>
        <ons-tabbar>
            <ons-tab>...</ons-tab>
            <ons-tab>...</ons-tab>
        </ons-tabbar>
    </ons-page>
</ons-navigator>

另一种不同的方法，可能更常见的方法是将

ons选项卡作为项目的根，并在需要进一步导航的每个
ons选项卡的子项中定义一个
ons导航器。像这样您的选项卡栏将始终可见，因为您使用导航器更改的不是所有内容，而是特定
ons选项卡的内容
。每个选项卡都有自己的工作流存储在不同的页面堆栈中，完全独立于其他选项卡

正如我之前所说，这实际上取决于你的应用程序需要什么。例如，你可以有很多选项卡，比如“设置”、“关于”等，它们只是一个页面视图，然后在真正的应用程序中只有一个选项卡中有一个导航器

如果您的疑问现在得到澄清，请告诉我
 嗨，弗兰！谢谢你的回答！我真的希望tabbar只出现在2个页面上，而这些页面没有tabbar，也没有其他工具栏。我的工作方式在视觉上很好，我不知道这是否是最好的解决方案。。。但我对以下几点表示怀疑：1-“不能在两个不同的分支中分离Tab1和Tab2工作流：如果在Tab1中重置Topage，Tab2也将重置”（这是什么意思？）；2-你把它放在和之间，这是必要的吗？如果这是你需要的功能，那么它就可以了。关于您的问题：1-选项卡栏只是导航器中的一个元素，因此，例如，即使您的选项卡栏中有两个不同的页面，当您弹出该元素（选项卡栏）时，两个页面都将被删除。您不能只删除一个。2-
ons导航器
应该始终有一个直接在里面的
ons页面
）@FranDios在阅读此线程之前也对ons页面和ons选项卡栏之间的关系感到困惑。谢谢
<!-- Tab Bar as root element -->
<ons-tabbar>
    <ons-tab>
        <ons-navigator>...</ons-navigator>
    </ons-tab>
    <ons-tab>
        <ons-navigator>...</ons-navigator>
    </ons-tab>
</ons-tabbar>