Ionic 3卡用户界面中的下拉菜单

时间:2018-10-06 07:11:14

标签: ionic3 angular5

考虑以下代码:

<ion-content class="list-avatar-page">
  <ion-toolbar color="#b2b2b2">
    <ion-searchbar class="ion-searchtext" [(ngModel)]="searchbyname" placeholder="Enter name here to search">
    </ion-searchbar>
  </ion-toolbar>
  <ion-list>
    <ion-item-sliding>
      <ion-item *ngFor="let l of employeeList" class="bgclr ">
        <ion-card class="card">
          <ion-avatar item-start>
          <img src={{l.imgName}} class="card1">
          </ion-avatar>
          <h2>Client Name:{{l.name}}</h2>
          <ion-avatar item-start>
            <label class="lab">Action:</label>
              <select class="Sel"  #mySelect>
                <option  >No Show</option>
                <option>Amend</option>
                <option>Amend-View</option>
                <option>Cancellation</option>
              </select>
              </ion-avatar>     
          </ion-card>  
      </ion-item>
     </ion-item-sliding>
  </ion-list>  
</ion-content>

同时,我无法在Ionic中显示Ionic下拉列表。

所以我在离子头像中使用了HTML。

我该如何解决这个问题?

0 个答案:

没有答案