Я работал над классом c Angular Приложение, заключенное в Ioni c, но у меня возникли некоторые проблемы после создания приложения.
На одном из моих экранов у меня липкая панель поиска и каждый раз, когда я нажимаю на него, срабатывает клавиатура, к сожалению, клавиатура подтолкнула все, пока я пытался играть с Ioni c Keyboard Plugin, и это функция disableScroll, но ничего, приложение все еще прокручивается, когда клавиатура всплывает. .
Мой код:
бонус-searchbar.component. html
<div class="sticky-searchbar" *ngIf="isSticky" [@enterAnimation] [ngClass]="{'tag-radius': isTag}">
<mat-form-field class="search-input" appearance="none" hideRequiredMarker>
<img class="search-icon" [src]="isMobile ? 'assets/icons/search.svg ': 'assets/icons/white_search.svg'">
<input (keyup.enter)="bonusSearch(search)" (keyup)="searchBonus()" placeholder="Rechercher" class="searchbar-input"
[(ngModel)]="search" name="searchbar" required matInput type="text" #searchBar (focus)="toto()">
<div class="focus-border"></div>
</mat-form-field>
</div>
бонус-searchbar.component.ts
toto() {
this.keyboard.onKeyboardWillShow()
.subscribe((data) => {
console.log('keyboard will shown');
console.log(this.keyboard.isVisible);
this.keyboard.disableScroll(true);
});
}
Срабатывает мой первый журнал консоли,
Второй всегда возвращает false, даже когда отображается виртуальная клавиатура и, наконец, когда вызывается мой disableScroll (), он работает и отключает прокрутку, но он не отключает исходный pu sh содержимого, созданного клавиатурой ..
Есть идеи?