离子4：离子搜索栏的cancelButtonText不起作用

Question

使用IONIC 4 ion-searchbar，我试图在下面添加cancelButtonText，但该按钮不起作用。

//first way
    <ion-searchbar showCancelButton="true" cancelButtonText="Clear"></ion-searchbar>

//second way
    <ion-searchbar showCancelButton cancelButtonText="Clear"></ion-searchbar>

有人可以为此提供任何解决方案吗？

Answer 1

如果您正在Android平台上测试cancelButtonText，那么它将无法正常工作，因为在ion-searchbar的离子文档中，他们提到cancelButtonText仅适用于IOS平台，并且已将属性的模式设置为IOS或md，因此将根据该模式使用属性。

我还创建了stackblitz，以便您可以检查示例 https://stackblitz.com/edit/ionic-n93fh7?file=pages%2Ftabs%2Ftabs.html

在示例md中，当您将模式更改为cancelButtonText时不起作用。

您可以在ion-searchbar

处查阅文档。