2016-04-25 91 views
0

工作我想用戶從模式移動到新的一頁,但它不工作溫泉UI v 1.3.8溫泉UI myNavigator.pushPage()不是模式

如果我使用NG單擊= 「myNavigator.pushPage( 'signup.html');」在任何模式下,它不會成功更改頁面,它不會執行任何操作,並且在控制檯或用戶界面中不會顯示錯誤消息。

<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> 

任何想法如何解決這個問題?

回答

2

你是否檢查了究竟發生了什麼?

如果沒有錯誤,那麼也許該網頁被正常推送,但你的問題在別處。例如,如果您的模式不在您的導航器或當前頁面中,因爲它是一種模式,它可能是可見的並隱藏導航器本身。在這種情況下,你的選擇是:

  • 隱藏模態手動
  • 確保它是當前頁面內

如果沒有這些工作,那麼你就需要尋找後提供一些更多的信息自己進入問題。 如果你只是說X is not working任何人都很難幫助你,除非他能重現問題。只是你的信息,我無法重現你的問題。

我用你的註冊表格做了一個小Demo。你可以看到它的工作正常。

爲了讓其他人能夠幫助你更容易你可以:

  • 環顧自己,並嘗試提供一些更多的信息。您陳述問題的方式聽起來不像您檢查瀏覽器檢查器的elements選項卡中的ons-navigator的內容。
  • 在顯示錯誤的地方製作一個codepen,這樣任何人都可以看到眼前的問題。例如,如果您可以修改我的重現錯誤,它將很容易調試。