html - TypeError: onEmailBlur är inte en funktion

Jag försöker kalla på en funktion vid blur men det visar detta fel TypeError: self._el_21.onEmailBlur är inte en funktion. Jag har ingen aning om varför det visas eftersom jag använder några frågor men det fungerar perfekt.

html

<input type="email" required [(ngModel)]='inviteUser.email' 
(blur)="onEmailBlur()">

komponent

import { Component, Inject } from '@angular/core';
import { FormGroup, FormControl, Validators }    from '@angular/forms';
import { UserService} from '../../services/user.service';
import { OnInit} from '@angular/core';   
@Component({
    selector: 'invite-user',
    templateUrl: '../../app/components/user/invite-user.html',
    providers: [UserService, HttpHelper, NotificationsService],
    directives: [MODAL_DIRECTIVES, SimpleNotificationsComponent]
})

export class InviteUserComponent {
    // InviteUserForm: FormGroup;

    isValidForm: Boolean = false;

    ngOnInit() {    


    }    
    public onEmailBlur() {
        alert('here');
    }    
}

Svar #1

Din kod fungerar för mig. Kanske gjorde du samma misstag som jag när jag försökte implementera din kod för några minuter sedan - jag startade inte min kompilator, så onEmailBlur() från .ts-filen kompilerades inte till .js, vilket resulterade i felet onEmailBlur is not a function.