在 ionic 2/3 中禁用离子搜索栏

Question

我想在 ionic 2/3 中禁用 ion-searchbar 以便只显示搜索栏但我们不能输入任何内容。我添加了，"disabled = true"但这不起作用。

你能提出一些建议吗？

Answer 1

我能够通过 DOM 操作来做到这一点。代码如下：我创建了一个禁用搜索栏的函数

 disable() {
const inputs: any = document.getElementById("input").getElementsByTagName("INPUT");
inputs[0].disabled=true;
    }

您现在要做的就是创建一个 html ionsearch 栏并为其提供 id 输入

 <ion-searchbar
id="input">
</ion-searchbar>

这是一个 演示