在离子2/3中禁用离子搜索键

Question

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

您可以建议什么吗？

Answer 1

我能够使用dom manipulation进行此操作。我创建了一个函数来禁用搜索栏

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

您现在要做的就是屁股html ionsearch bar＆amp;给它ID输入

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

这是一个演示

Answer 2

constructor(
        private renderer:Renderer) {
    }
    ngOnInit() {
        let input = this.searchBar.getElementRef().nativeElement.querySelector('input');
        this.renderer.setElementAttribute(input, 'disabled', 'true');
    }

上面的代码禁用离子搜索键。您只需要将以下属性添加到搜索栏。

 <ion-searchbar #input> </ion-searchbar>