Question

我正在尝试将用户从模式转移到新页面，但它不起作用Onsen UI v 1.3.8

如果我在任何模式上使用 ng-click =＆＃34; myNavigator.pushPage（＆＃39; signup.html＆＃39;）;＆＃34; ，则无法成功更改页面，它没有做任何事情，并在控制台或用户界面中没有给出错误消息。

<ons-modal var="modalsignup" ng-controller="RegisterController">
   <ons-page>
    <ons-row style="padding-top:5em;">
        <ons-col>
              <div class="formarea">

                <a href="" ng-click="myNavigator.pushPage('signup.html');">Sign Up</a>
                <div class="form-row">
                  <input type="text" class="text-input--underbar width-full" placeholder="Email" id= "email" ng-model="email">
                </div>

                <div class="form-row">
                  <input type="password" class="text-input--underbar width-full" id="password" placeholder="Password" ng-model = "password" value="">
                </div>

              </div>
      </ons-col>
    </ons-row>        
   </ons-page>
</ons-modal>

任何想法如何解决这个问题？

Answer 1

您是否检查了究竟发生了什么？

如果没有错误，那么页面可能正常推送，但问题出在其他地方。例如，如果您的模态位于导航器或当前页面之外，因为它是一个模态，它可能是可见的并隐藏导航器本身。在这种情况下，您的选择是：

手动隐藏模态
确保它在当前页面内

如果这些都不起作用，那么在自己查看问题之后，您需要提供更多信息。如果您只是说X is not working，除非他能重现问题，否则任何人都很难帮助您。仅凭您的信息，我无法重现您的问题。

我用你的注册表单做了一个小Demo。你可以看到它工作正常。

为了让其他人能够更轻松地帮助您，您可以：

自己环顾四周，尝试提供更多信息。您说明问题的方式与您检查浏览器检查器的ons-navigator标签中elements的内容听起来并不相同。
制作一个可以显示错误的codepen - 这样任何人都可以看到手头的问题。例如，如果您可以修改我的以重现该错误，那么它将很容易调试。

Onsen UI myNavigator.pushPage（）无法在模态

1 个答案: