带有错误的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 。 您也可以在单独的文件中编写该页面。 希望能帮助到你！