离子图标上的功能不起作用

Question

我试图通过单击输入字段中的条形码图标来扫描条形码，但是当我将功能仅放置在没有图标的按钮中时，它却无法正常工作。

我的HTML代码

<ion-item *ngIf='item.type == "barcode"'>
         <ion-label  floating><b>{{item.label}}</b></ion-label>
             <button item-right clear (click)='scanBarCode(item.key)'>
                 <ion-icon name="barcode"></ion-icon>
             </button>
           <ion-input type="text" (ngModel)= "formssdata[index].key" name={{item.key}} value={{item.value}} ></ion-input> 
        </ion-item>

TS

 scanBarCode(key) {
    this.barcodeScanner.scan().then(barcodeData => {

      for(var i=0;i<this.formssdata.length;i++){
        if(this.formssdata[i].key == key){         
           this.formssdata[i].value = barcodeData.text;
           break;

       }
    }

    }, (err) => {
        console.log('Error: ', err);
    });
  }