Я пытаюсь использовать систему пользовательского поиска Google в Ionic. Но чтобы это работало, мне нужно добавить его в app.component.html, как указано ниже.
<ion-app>
<div class="gcse-search" style="position: absolute; z-index: 999999 !important;"></div>
<!-- <ion-router-outlet style="margin-top: 100px;"></ion-router-outlet> -->
</ion-app>
И мне также нужно прокомментировать ion-roulter-outlet tag. Я добавил скрипт в index.html в разделе head. Затем он показывает Google пользовательскую поисковую систему. Но это не то, что я хочу. Я хочу добавить систему пользовательского поиска Google на страницу, чтобы ion-tabs все еще оставался. но при добавлении кода на страницу Ionic Google Custom Search Engine не отображается. Я добавил код в tab1.page.html, как показано ниже:
<ion-header [translucent]="true">
<div class="gcse-search"></div>
</ion-header>
<ion-content [fullscreen]="true">
<ion-header collapse="condense">
<ion-toolbar>
<ion-title size="large">Tab 1</ion-title>
</ion-toolbar>
</ion-header>
<app-explore-container name="Tab 1 page"></app-explore-container>
</ion-content>
Итак, как мне решить эту проблему, чтобы после добавления кода Google Custom Search Engine в page или component или в любое место, где я размещаю это должно появиться.