IonSearchbar getInputEtlement如何设置禁用的属性?

时间:2019-03-16 02:52:30

标签: ionic3 ionic4

我正在使用ionic v4和 当我单击第二个要禁用第一个搜索栏的按钮时,我有2个ion-searchbars

我在文档中用红色表示可以使用以下代码获取本机元素:

@ViewChild('searchbar') searchbar: IonSearchbar;

ngOnInit() {
    const elem = this.searchbar.getInputElement;
    console.log(elem);
    // google.maps.places.Autocomplete(elem);
}

但是如何禁用该本机输入元素?

1 个答案:

答案 0 :(得分:0)

<ion-searchbar #searchbar1 (ionFocus)="ionFocus()"></ion-searchbar>
<ion-searchbar #searchbar2 ></ion-searchbar>
  @ViewChild('searchbar1') searchbar1: IonSearchbar;

  @ViewChild('searchbar2') searchbar2: IonSearchbar;


  ionFocus(): void {
    this.searchbar2.getInputElement().then( data => {
      data.disabled = true
      console.log(data.disabled = true);
    });
  }