带有错误的Onsen UI导航：当返回到第一页时，您不能向“ons-navigator”提供“ons-page”元素

Question

你好，我是新的温泉，我有导航的问题，我有这样的应用程序。

1. start.html：这是第一页apppear，在这个文件中我放了mynavigator。开始按钮将打开page1.html
2. page1.html：做一些事情会打开page2.thml
3. page2.html：执行某些操作会打开report.html
4. report.html：在这个文件中我放了OK按钮，然后我应该回到start.html

当我使用时：

$scope.myNavigator.pushPage('form/start.html');
//OR
$scope.myNavigator.resetToPage('form/start.html');

我得到的所有错误：

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

如何导航我可以回到start.html？

Answer 1

您的start.html不是真正的ons-page。只需将导航器的内容放在不同的文件或ons-template中，并确保它包含ons-page而不是整个ons-navigator。如果您希望能够返回第一页，则基本上使用导航器的page属性而不是在其中写入内容。如果您可以在index.html中编写它，它将如下所示：

<ons-navigator page="start.html">
</ons-navigator>

<ons-template id="start.html">
    <ons-page>
        ...
    </ons-page>
</ons-template>

请注意，ons-template只能包含在index.html中。您也可以在单独的文件中编写该页面。希望它有所帮助！