サイドメニューが開いているときにボタンのクリックイベントが機能しない

Question

私はサイドメニュー付きのコードワナイオンアプリを作成しました。デフォルトでは、サイドメニューを開いたままにする必要があります。ページ上のボタンをクリックすると、動作しません。私はそのページを2回クリックしています。初めてボタンをクリックすると、サイドメニューが閉じて、もう一度ボタンをクリックして操作を実行する必要があります。サイドメニューが開いていても、どうすれば動作させることができますか？

SideMenu.html

<ion-side-menus enable-menu-with-back-views="false" class="menu-page"> 
     <ion-side-menu-content> 
    <ion-nav-bar class="bar-stable"> 
     <ion-nav-back-button> 
    </ion-nav-back-button> 
    <ion-nav-buttons side="left" > 
     <button class="button button-icon button-clear ion-navicon" menu-toggle="left"> 
     </button> 
     </ion-nav-buttons> 
    </ion-nav-bar> 
    <ion-nav-view name="menuContent"></ion-nav-view> 
</ion-side-menu-content> 
<ion-side-menu side="left" class="left-nav"> 

    <ion-content scroll="false" has-bouncing="false"> 
    <div class="user-info text-center"> 

    </div> 
    <ion-list> 
      <a class="item item-icon-left" menu-close ui-sref="app.menuscreen" ui-sref-active="selected"> 
      <i class="ion-home"></i><span>Home</span> 
     </a> 
     </ion-list> 
    </ion-content> 
    </ion-side-menu> 
</ion-side-menus> 

app.js

 .config(function($stateProvider, $urlRouterProvider) { 
      $stateProvider 

      .state('app', { 
       url: '/app', 
       abstract: true, 
       templateUrl: 'templates/sidemenu.html', 
      }) 

      .state('app.menuscreen', { 
       url: '/menuscreen', 
       views: { 
        'menuContent': { 
         templateUrl: 'templates/menuscreen.html', 
        } 
      } 
      }) 

MenuScreen.html

  <ion-view> 
      <ion-content has-bouncing="false"> 

      <div class="button-box"> 
       <h2>Would you like to?</h2> 
       <!--Button--> 
       <div class="btn-box"> 
        <div class="btn-parent-box"> 
         <div class="icon"> 
          <i class="ion-ios-plus-outline"></i> 
         </div> 
         <button class="button button-full btn-orange" type="submit" 
          ui-sref="newjob" title="New Job">New Job</button> 
         <div class="clearfix"></div> 
        </div> 
       </div> 
       <!--/button--> 
      </div> 
      </ion-content> 
      </ion-view> 

Answer 1

の代わりに私を使用してあなたのメニューに基づいて、ユーザーのメニューのtoggle = "left"/menu-toggle = "right"に近いようにしてください。そして、そのボタンイベントをいくつかのコードに使うことができます。あなたがしなければならないすべては、メニュー内の

<button class="button button-full btn-orange" type="submit" menu-toggle="left" ui-sref="newjob" title="New Job">New Job</button> 

は何ですか、どのようなこれまでのようにリストと呼ばれることはこれだけです

menu-toggle="left". 

を追加することです。そして、あなたはすべての操作を実行することができます。

正しい投票がある場合。