イオン2角度：ボタン内のフッターをクリックすると送信ボタンとも呼ばれます

Question

イオンフッタ内に2つのボタンがある入力テキストがあります。 1つのボタンがフォーム送信に添付されています。しかし、別のボタンをクリックすると、送信ボタンも起動します。私はsendChatMessageは（）にも発射される参照マイクボタンをクリックした場合ので、この場合には

<ion-footer padding> 
    <form [formGroup]="chatForm" (ngSubmit)="sendChatMessage()"> 
     <button ion-button (click)="listenForSpeech()" clear><ion-icon name="microphone" isActive={{microphoneActive}} style="zoom:1.0;"></ion-icon></button> 
     <ion-input type="text" #sendInput formControlName="messageInput" placeholder="start typing..."></ion-input> 
     <ion-buttons end> 
      <button ion-button clear type="submit" [disabled]="chatForm.controls['messageInput'].value === ''"><ion-icon name="ios-send" style="zoom:2.0;"></ion-icon></button> 
     </ion-buttons> 
    </form> 
</ion-footer> 

：

コードは次のようになります。

Answer 1

このような場合の参照である理由のために、あなたのすべての非送信ボタン

<button ion-button type="button" (click)="listenForSpeech()" clear><ion-icon name="microphone" isActive={{microphoneActive}} style="zoom:1.0;"></ion-icon></button>