Question

这是我的html代码

<ion-searchbar [(ngModel)]="data" placeholder="Airlines" (ionInput)="getAirlines($event)">
  </ion-searchbar>
  <ion-list *ngIf="data">
    <ion-item *ngFor="let item of airlines" (click)="airlinesClicked($event, item)">
      <button ion-button item-start clear style="margin-right:2%;  width:10%;height:10%" no-padding>
        <img no-padding src="{{item.logo}}">
      </button>
      {{item.name}}
    </ion-item>
  </ion-list>

我试图通过按每个字母过滤来获取搜索结果作为列表。当我搜索列表时，将我下面的内容向下推到页面中。所以我想把我的物品作为弹出框。谁能帮助我取得结果…… 预先感谢

Answer 1

我不太确定，但是也许当数据准备就绪时，您可以创建一个弹出控制器并调整页面大小。

import { PopoverController } from 'ionic-angular';

@Component({})
class yourClassName {
   constructor(public PopOverCtrl: PopoverController) {}

   presentPopover(event) {
      let popover = this.popoverCtrl.create(ListPage);
      popover.present({
         ev: event
   });

  }
}

有关Ionic website

的更多详细信息

需要搜索列表作为ionic 3中的弹出窗口

1 个答案: