Я хочу создать шаблонно-управляемую форму в моем приложении ioni c с проверкой, которая выдает ошибку

Question

Всякий раз, когда я использую ngModel с идентификатором, это выдает ошибку. Если я не использую это, то это показывает ошибку, что недействительным не является какое-либо свойство. Пожалуйста, скажите мне, где я иду не так.

<form   #loginform="ngForm" novalidate (ngSubmit)="onLogin()">
    <ion-list>
        <ion-item>
            <ion-label position="floating">Email </ion-label>
            <ion-input type="text" id="email" class="form-control" name="email" pattern="^[a-zA-z0- 
                9_.+-]+@[a-zA-z0-9-]+[.][a-zA-Z0-9-.]+$" required >
            </ion-input>
            <div *ngIf="email.invalid"> *Please enter valid Email</div>
        </ion-item>
        <ion-item>
            <ion-label position="floating">Password </ion-label>
            <ion-icon name="eye-outline" (click)="hide = !hide">{{hide ? 'visibility_off' : 
                'visibility'}}</ion-icon>
            <ion-input type="password" maxlength="8" id="password" class="form-control" name="password" 
                [type]="hide ? 'password' : 'text'" required >
           </ion-input>
            <div *ngIf="password.invalid &&(password.dirty || password.touched)"> *Please enter valid
                Password</div>
        </ion-item>
    </ion-list>
    <ion-button  (click)="onLogin()" [disabled]="loginform.form.invalid">Login</ion- 
        button>
</form>