如何在onsenui导航器中使用多个html

时间:2018-09-20 10:30:25

标签: html5 hybrid-mobile-app onsen-ui

我面临与“ How to use multiple html files in onsenui”相同的问题,但该解决方案对我不起作用。

我有2个我要导航到的html文件。

index.html

<ons-page>
    <ons-navigator swipeable id="myNavigator" page="page1.html"></ons-navigator>
    <template id="page1.html">
      <ons-page id="page1">
         <ons-button onclick="myNavigator.pushPage('home.html')">home</ons-button>
      </ons-page>
    </template>
</ons-page>

home.html

<ons-page id="page2">
  <ons-toolbar>
      <div class="left">
          <ons-back-button></ons-back-button>
      </div>
  </ons-toolbar>
</ons-page>

当我单击“主页”按钮时出现错误:

  

未捕获(承诺)错误:[Onsen UI] HTML模板必须包含单个根元素       在Object.Q.throw(onsenui.min.js:2)       在Object.Q.createElement(onsenui.min.js:2)       在onsenui.min.js:2

我尝试将模板和html正文添加到home.html,但是出现了不同的错误。有没有办法将模板放置在不同的html文件中?

1 个答案:

答案 0 :(得分:0)

这个问题是由于http服务器将我的页面缓存在node.js中造成的!