ionic framework에 사이드 메뉴 추가하기

Question

나는 이온에 익숙하지 않다. 나는 이온 애플 리케이션을 사용하여 모바일 애플 리케이션으로 기존의 각도 애플 리케이션을 변환입니다. 그러나 이것에 사이드 메뉴를 추가 할 수는 없습니다. 어떻게해야합니까? 나는 오른쪽에있는 버튼을 클릭하면 사이드 메뉴를 표시 할

<div class="wrap"> 
    <div class="header"> 
     <div class="pull-right"> 
      <a href="#" class="handle"><i class="fa fa-bars"> 
       </i></a> 
     </div> 

     <div class="text-center"> 
      <h1>SKY</h1> 
     </div> 


    </div> 
    <div class="items-list"> 
     <div class="item"> 
      <div class="clearfix"> 
       <div class="item-thumb-container"> 
        <img src="images/item-1.jpg" class="item-thumb img-responsive"> 
       </div> 
       <div class="item-details-container"> 
        <h2 class="item-title">Item Name</h2> 
        <div class="item-description"> 
         <p>Lorem ipsum dolor sit amet, sit qualibo beloi refashi ispuias.</p> 
        </div> 
        <div class="item-meta"> 
         <a href="#" ui-sref="single" class="item-btn">See</A> 
         <span class="qty">10 <i class="fa fa-glass" aria-hidden="true"></i></span> 
         <span class="price">9 SAR <span class="round"><i class="fa fa-dollar" aria-hidden="true"></i></span></span> 
        </div> 
       </div> 
      </div> 
     </div> 
     <div class="item item-img-right"> 
      <a href="#" ui-sref="single"> 
       <div class="clearfix"> 
        <div class="item-details-container"> 
         <h2 class="item-title">Item Name</h2> 
         <div class="item-description"> 
          <p>Lorem ipsum dolor sit amet, sit qualibo beloi refashi ispuias.</p> 
         </div> 
         <div class="item-meta"> 
          <span class="item-btn">See</span> 
          <span class="qty">10 <i class="fa fa-glass" aria-hidden="true"></i></span> 
          <span class="price">9 SAR <span class="round"><i class="fa fa-dollar" aria-hidden="true"></i></span></span> 
         </div> 
        </div> 
        <div class="item-thumb-container"> 
         <img src="images/item-1.jpg" class="item-thumb img-responsive"> 
        </div> 
       </div> 
      </a> 
     </div> 
     <div class="item"> 
      <a href="#" ui-sref="single"> 
       <div class="clearfix"> 
        <div class="item-thumb-container"> 
         <img src="images/item-1.jpg" class="item-thumb img-responsive"> 
        </div> 
        <div class="item-details-container"> 
         <h2 class="item-title">Item Name</h2> 
         <div class="item-description"> 
          <p>Lorem ipsum dolor sit amet, sit qualibo beloi refashi ispuias.</p> 
         </div> 
         <div class="item-meta"> 
          <span class="item-btn">See</span> 
          <span class="qty">10 <i class="fa fa-glass" aria-hidden="true"></i></span> 
          <span class="price">9 SAR <span class="round"><i class="fa fa-dollar" aria-hidden="true"></i></span></span> 
         </div> 
        </div> 
       </div> 
      </a> 
     </div> 
    </div> 
</div> 

: 다음은 내 코드입니다. <ion-sidemenus>을 추가하려고했지만 외부에 메뉴 목록 항목이 표시됩니다.

Answer 1

은 이온은 쉽게 더에 대한 MenuToggle 공식 문서에 코드

<button ion-button menuToggle>Toggle Menu</button> 

읽기의 한 줄에 의해 구현 될 수있는이 MenuToggle를 호출합니다.