javascript - OnsenUI pushPage 不加载页面

Question

看来我正在监督某事。我刚开始使用 OnsenUI。我使用了标准的 Tabbar 选项，并没有真正改变 .我的 index.html 中有这个

<ons-navigator title="Navigator" var="myNavigator">
         <ons-list-item modifier="chevron" class="item" ng-click="myNavigator.pushPage("City1.html", options);">
        <ons-row>
          <ons-col>
            <header>
              <span class="item-title">City1</span>
            </header>
          </ons-col>
        </ons-row>                          
      </ons-list-item> </ons-navigator>

我也制作了一个新模板:

  <ons-template id="City1.html">
<ons-navigator>
  <ons-page>
    <ons-toolbar>
      <div class="left"><ons-toolbar-button ng-click="doSomething()"><ons-icon icon="ion-compose"></ons-icon></ons-toolbar-button></div>
      <div class="center">City1</div>
      <div class="right"></div>
    </ons-toolbar>
  </ons-page>
</ons-navigator>

我想在点击City1后滑入City1.html。我做错了什么？

Answer 1

我认为主要问题是您在同一个字符串中使用了两次“”，此处:

ng-click="myNavigator.pushPage("City1.html", options);"

所以 City1.html 在实际字符串之外。尝试使用 '':

ng-click="myNavigator.pushPage('City1.html', options);"

除此之外，您应该关闭“ons-template”并将每个“ons-list-item”放入“ons-list”中。此外，City1.html 中的“ons-navigator”不是必需的。 Check this .

您可以阅读有关这些元素的更多信息 here .希望对您有所帮助!