Question

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

你能提出一些建议吗？

Answer 1

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

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

现在你需要做的就是找一个html ionsearch吧＆amp;给它输入id

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

这是一个 DEMO

Answer 2

constructor(
        private renderer:Renderer) {

    }

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

以上代码禁用了ion-searchbar。您只需将以下属性添加到搜索栏即可。

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

在离子2/3中禁用ion-searchbar

2 个答案: