Zawartość jonów nakłada się na nagłówek jonu przy użyciu autouzupełniania w ramce tekstowej z jonowym jonowym ramkowaniem jonowym3

Mamy stronę aukcji i stronę filtru w jonieaplikacja Strona filtru ma autouzupełnianie w polu tekstowym i rozwijane. Podczas próby filtrowania z autouzupełnianiem pola tekstowego zawartość jonów przechodzi do nagłówka jonów, jak pokazano poniżej.

HTML autouzupełniania pola tekstowego:

<input type="text" [(ngModel)]="selectedTitle" (input)="getTitles($event)" placeholder="search titles" />
<ion-list *ngFor="let title of titles">
<ion-item tappable (click)=selectTitle(title.VNAME)>
{{title.VNAME}}
</ion-item>
</ion-list>

Wstawiłem filtr.html i testPage.html do tego plunkera https://plnkr.co/edit/FASHAxUAJwcz9XYeKDqj?p=catalogue

Informacje jońskie:

    @ionic/cli-utils  : 1.14.0
ionic (Ionic CLI) : 3.14.0
global packages:
cordova (Cordova CLI) : 7.0.1
local packages:
@ionic/app-scripts : 3.0.1
Cordova Platforms  : android 6.2.3
Ionic Framework    : ionic-angular 3.7.1
System:
Node : v6.9.5
npm  : 3.10.10
OS   : Windows 10
Misc:
backend : legacy

Ten problem występuje podczas korzystania z najnowszej wersji informacji jonowych, przy czym poniżej stara wersja działa poprawnie.

@ionic/cli-utils  : 1.9.1
ionic (Ionic CLI) : 3.9.1
global packages:
Cordova CLI : 7.0.1
local packages:
@ionic/app-scripts : 1.3.3
Cordova Platforms  : android 6.2.3
Ionic Framework    : ionic-angular 3.5.3
System:
Node : v6.9.5
npm  : 3.10.10
OS   : Windows 10

Czy ktoś może nam pomóc rozwiązać ten problem?

Odpowiedzi:

Dostałem rozwiązanie, zmieniając rozmiar zawartości jonów za pomocą poniższego kodu:

   import { Component,ViewChild } from "@angular/core";
import { Content } from "ionic-angular";

export class TestPage {

@ViewChild(Content) content: Content;

......
Events.subscribe("applyFilter", (data) => {
this.content.resize();
}