Page reloads on form submission (Angular v15, Ionic v7)

Hello guys. Kindly assist me here. I’m trying to submit a form (template-driven form) but it is reloading the page on submit. How can I get it to work correctly?
Below is my code: component code

import { IonicModule } from '@ionic/angular';
import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { EmailComposer } from '@awesome-cordova-plugins/email-composer/ngx';
import { FormsModule } from '@angular/forms';

  selector: 'app-tab2',
  templateUrl: '',
  styleUrls: [''],
  standalone: true,
  imports: [IonicModule, CommonModule, FormsModule],
  providers: [EmailComposer],
export class Tab2Page {
  email = {
    to: '',
    subject: '',
    body: '',

  constructor(private emailComposer: EmailComposer) {}

  ngOnInit() {

  sendEmail() {
} template

<ion-header [translucent]="true">
    <ion-title> Email Composer </ion-title>

<ion-content [fullscreen]="true" class="ion-padding">
  <form (ngSubmit)="sendEmail()">
      <ion-label position="floating">To (recipient)</ion-label>
      <ion-input type="email" [value]="" name="to" required></ion-input>

      <ion-label position="floating">Email Body (Message)</ion-label>
      <ion-textarea [value]="email.body" name="body" required></ion-textarea>

    <ion-button type="submit">Send</ion-button>

Additional context : I have attached the main.ts file and app.component.ts .