带错误的Onsen UI导航:您不能提供no"ons页”;元素到“;ons导航器”;当返回第一页时

Onsen UI navigation with Error: You can not supply no "ons-page" element to "ons-navigator" when back to first page

本文关键字：导航 ons 元素 第一页 返回 UI Onsen 错误 不能 no quot      更新时间：2023-09-26

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

  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？

您的start.html不是真正的ons-page。只需将导航器的内容放在不同的文件或ons-template中，并确保它包含一个ons-page，而不是整个ons-navigator。如果您想返回到第一个页面，基本上可以使用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中。您也可以将该页面写入单独的文件中。希望它能有所帮助！

相关文章：