由ons-navigator加载的子页面中的ons-navigator

Question

是否可以在另一个ons-navigator加载的页面中定义ons-navigator？

我想将项目组织在文件中，其中一个文件是“逻辑功能”，所有与该功能相关的页面都定义为模板。但是，如果我定义除ons-page之外的任何内容，它就会给我

Error: You can not supply no "ons-page" element to "ons-navigator".

我想要这样的事情：

的index.html：

<ons-navigator var="mainNavigator" page="book"></ons-navigator>

book.html：

<ons-navigator var="bookNavigator" page="bookone"></ons-navigator>
<ons-template id="bookone">
    <ons-page>
        <h1>bookone</h1>
    </ons-page>
</ons-template>

感谢您的帮助

Answer 1

我认为你不能这样做。目前您的父子订单是这样的：

navigator（index.html中的mainNavigator） - ＆gt; navigator（book.html中的bookNavigator） - ＆gt;页（bookone）

但是，您必须向导航器＆＃34; mainNavigator＆＃34;提供<ons-page>，但您现在正在提供另一个<ons-navigator>，＆＃34; bookNavigator＆＃34;。这就是你得到这个错误的原因，所以尽量让每个导航器都有一个孩子的ons-page。希望它有所帮助！