Angular <；离子搜索栏>；不在内部工作<；离子头>；离子4

我正在使用Ionic 4，并尝试在标题中实现一个搜索栏，如下所示：

<ion-header>
  <ion-toolbar>
    <!-- Side menu button-->
    <ion-buttons slot="start">

      <button (click)="openFirst()"><img src="../../../assets/jas.png"></button>
    </ion-buttons>

    <ion-title><ion-searchbar ></ion-searchbar></ion-title>
  </ion-toolbar>
</ion-header>

我的问题是搜索栏会显示，但我不能在里面写任何东西

此外，当它不在

内时，它也不工作

---

它似乎在应用程序的每个其他位置都能正常工作

尝试以下类似的方法

<ion-header>
  <ion-toolbar>
    <ion-title>Enter Place</ion-title> 
    <ion-searchbar [(ngModel)]="autocomplete.query" [showCancelButton]="true" (ionInput)="updateSearch()" (ionCancel)="dismiss()"></ion-searchbar>
    <ion-searchbar [(ngModel)]="autocomplete.query" [showCancelButton]="true" (ionInput)="updateSearch()" (ionCancel)="dismiss()">
    </ion-searchbar>
  </ion-toolbar>
</ion-header>

进场

试试下面这样的方法

<ion-header>
  <ion-toolbar>
    <ion-title>Enter Place</ion-title> 
    <ion-searchbar [(ngModel)]="autocomplete.query" [showCancelButton]="true" (ionInput)="updateSearch()" (ionCancel)="dismiss()"></ion-searchbar>
    <ion-searchbar [(ngModel)]="autocomplete.query" [showCancelButton]="true" (ionInput)="updateSearch()" (ionCancel)="dismiss()">
    </ion-searchbar>
  </ion-toolbar>
</ion-header>

进场

试试这个：

<ion-header>
    <ion-buttons>
       <ion-title>`enter title here`</ion-title>
    </ion-buttons>
    <ion-searchbar></ion-searchbar>
</ion-header>

`在此处输入标题`

试试这个：

<ion-header>
    <ion-buttons>
       <ion-title>`enter title here`</ion-title>
    </ion-buttons>
    <ion-searchbar></ion-searchbar>
</ion-header>

`在此处输入标题`

在爱奥尼亚5中，您可以执行以下操作：

<ion-header>
  <ion-tootlbar>
    <ion-title>My Title</ion-title>
  </ion-toolbar>
  <ion-searchbar></ion-searchbar>
</ion-header>

我的头衔

ion工具栏的每个新同级将显示为一个新行

---

如果您试图在离子含量内使用collapse=concure，这同样有效。

在离子5中，您可以执行以下操作：

<ion-header>
  <ion-tootlbar>
    <ion-title>My Title</ion-title>
  </ion-toolbar>
  <ion-searchbar></ion-searchbar>
</ion-header>

我的头衔

ion工具栏的每个新同级将显示为一个新行

---

如果您试图将其与collapse=Condence一起使用，在离子内容中也可以使用。

我会的。我得等一等10mns@Sajeetharan你能分享一下为什么需要添加离子搜索栏两次吗？这是解决bug的方法吗？我会的。我得等一等10mns@Sajeetharan你能分享一下为什么需要添加离子搜索栏两次吗？这是一个漏洞的解决方法吗？我试过你的代码在chrome上运行良好，你在哪个平台上测试？我在这里遇到的问题是

，你在chrome上运行良好，你在哪个平台上测试？我在这里遇到的问题是

欢迎使用堆栈溢出。请用英语写下你的答案，因为堆栈溢出是一种常见的错误。欢迎使用堆栈溢出。请用英语写下你的答案，因为堆栈溢出是一个问题。