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

2 回答

• 0

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

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

  你现在要做的就是给一个html ionsearch吧并给它输入id

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

  这是一个DEMO

  回复于 2024-05-03T12:04:59+08:00
• 1

  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>
  

  回复于 2024-05-03T12:04:59+08:00