Ionic Frameworkを使用したサイドメニューのサブヘッダ一覧

Question

Ionic Frameworkを初めて使用しています。 ここに問題があります。 1つのサイドメニューに2つのハイパーリンクのリストを持つサブヘッダーが必要です このようにします。

マイコード：私が得る結果は同様である

<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

次のようにコードを変更する必要があると思います。

あなたのHTMLに

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

で2つ目は、効率的になり、と

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

を次のコードに置き換えます。