2016-04-10 24 views
0

私はindex.html内のテンプレートとしてログインページを持っています。私は同じページのlogin.htmlからmain.htmlへユーザをリダイレクトしたいと思います。 ITSはエラーで戻ってくる:メニューのアドオン-スライドOnsen UI myNavigator.pushPage()関数が正しく動作しない

ons.ready(function() { 
     $scope.navigatorx = $window.myNavigator 
    }); 

$scope.navigatorx.pushPage('main.html'); 

はまた持っている未定義

<ons-template id="login.html" style="background:#000; opacity:0.3"> 

     <ons-page ng-controller="RegisterController"> 

      <ons-row style="padding-top:5em;"> 
       <ons-col> 
         <div class="formarea"> 

         <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 class="lucent"> 
          <p class="note">Password - 6 characters or more</p> 
         </div> 

         <div class="vspc form-row"> 
          <ons-button modifier="large" style="color:#777" ng-click="loginUser();">Login</ons-button> 
         </div> 

         <div class="vspc form-row"> 
          <ons-button modifier="large" style="color:#777">Signup</ons-button> 
         </div>     
         </div> 
       </ons-col> 
      </ons-row> 

     </ons-page> 

</ons-template> 

<ons-template id="main.html"> 
    <ons-navigator var="myNavigator"> 
     <ons-page > 
      <ons-tabbar position="top" var="tabbar"> 
       <ons-tabbar-item style="margin-top:20px;border-right:1px solid #f5f5f5" icon="ion-navicon greyicon2" onclick="menu.toggleMenu()"></ons-tabbar-item> 
       <ons-tabbar-item page="dashboard.html" icon="ion-ios-pulse-strong" active="true" class="tab-bar__button tab-bar--top-border__button"></ons-tabbar-item> 
       <ons-tabbar-item page="history.html" icon="ion-stats-bars greyicon2"></ons-tabbar-item> 
       <ons-tabbar-item page="recommend.html" icon="ion-star greyicon2"></ons-tabbar-item> 
       <ons-tabbar-item page="capture.html" icon="ion-pinpoint greyicon2"></ons-tabbar-item> 
      </ons-tabbar> 
     </ons-page> 
    </ons-navigator> 
</ons-template> 

コントローラの

メソッドを呼び出すことはできませんpushPage

<ons-sliding-menu var="menu" main-page="main.html" menu-page="menux.html" max-slide-distance="85%" type="reveal" side="left" > 
</ons-sliding-menu> 

答えて

0

ナビゲータドキュメントhere。 現在、メインページやコンポーネントはなく、テンプレートのみがあります。 <ons-template id="main.html">ラッパーを削除し、<ons-navigator var="myNavigator">を主要素とします。

また、var="myNavigator"は、window.myNavigator$scope.myNavigatorの両方で使用できるナビゲータ変数の名前です。

+0

main.htmlを削除すると、ons-menuが機能しなくなります。上記を参照してください。 – drew

0

"main.html"を削除した場合、私の<ons-sliding>は動作を停止します。

関連する問題