你好,我是新的onsen ui,我有导航问题,我有这样的应用程序。
- start.html:这是apppear的第一页,我在这个文件中放了mynavigator。开始按钮将打开page1.html
- page1.html:做某事将打开page2.thml
- page2.html:做某事将打开report.html
- 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
中。您也可以将该页面写入单独的文件中。希望它能有所帮助!