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

我认为您需要对代码进行如下更改。

替换HTML中的以下代码

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

用，

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

第二个将是有效的。

使用Ionic Framework在sidemenu中的subheader列表

1 个答案: