이모닉 프레임 워크를 사용하는 사이드 메뉴의 서브 헤더 목록

Question

Ionic Framework를 처음 사용합니다. 여기에 문제가 있습니다. 단일 쪽 메뉴에 두 개의 하이퍼 링크 목록이있는 하위 머리글이 필요합니다. 이렇게.

내 코드 : 내가 얻을 결과는 같다

<ion-header-bar class="bar-header"> 
      <h5 class="align-left"> Hello, Niranth Reddy </h5> 
      <h5 class="align-right"> <a href="" ng-click="signOut()"> 
      Sign Out </a> </h5>                   
     </ion-header-bar> 
    <ion-header-bar class="bar bar-subheader item-input-inset"> 
     <ion-item class="item-input-wrapper"> 
      <ul> 
      <li>My Profile</li> 
      <li>My Orders</li> 
      </ul> 
     </ion-item> 
    </ion-header-bar> 
    <ion-content> 
     <ion-list class="sideNav"> 
      <ion-item menu-toggle 
       ng-repeat="item in items track by $index" 
       class="side-menu item" 
        ng-click="getSelcected(item)" 
        href="#/sidemenu//{{item.name}}"> 
         <div class="row"> 
          <i class="{{item.link.icon}} featureIcon"></i> 
          <h4 class="col">{{item.properties.menuname}}</h4> 
         </div> 
        </ion-item> 
      </ion-list> 
     </ion-content> 

니어 :

배경 색상은 중요하지 않습니다. 그러나 나는 그런 종류의 디자인을 특별히 찾고 있습니다.

도움 사람이 ??

Answer 1

다음과 같이 코드를 변경해야한다고 생각합니다.

는

<ion-list> 
    <ion-item>My Profile</ion-item> 
    <ion-item>My Orders</ion-item> 
</ion-list> 

또는

<div class="list"> 
    <ion-item>My Profile</ion-item> 
    <ion-item>My Orders</ion-item> 
</div> 

두 번째로

효율적으로 될 것입니다, 당신의 HTML과

<ion-item class="item-input-wrapper"> 
    <ul> 
    <li>My Profile</li> 
    <li>My Orders</li> 
    </ul> 
</ion-item> 

에 다음 코드를 교체합니다.