Soumettre le Formulaire en Angular4 et Material2

Que j'ai essayé de construire mon premier formulaire de connexion Angulaire 4.0.0 avec des Matériaux 2. Mais la Forme ne pas soumettre et de déclencher la fonction.

<form #UserLogin="ngForm" *ngIf="active" (ngSubmit)="onSubmit(UserLogin.value)">
<md-input-container>
    <input mdInput [(ngModel)]="data.email" ngControl="email" name="email" placeholder="Benutzername" type="text" required>
</md-input-container>

<md-input-container>
    <input mdInput [(ngModel)]="data.password" ngControl="password" name="password" placeholder="Passwort" type="password" required>
</md-input-container>

<button md-button class="submit-btn" type="submit" [disabled]="!UserLogin.form.valid">Login!</button>

La fonction envoyer:

onSubmit(value: any) {

    console.log('sdfdfg');

    Object.assign(value, this.additionalData);
    this.submitted = true;

    this.auth.login(value).subscribe(
        data => {
            this.loginSuccess.emit(data);
        },
        error => {
            for (const field in this.formErrors) {
                if (this.formErrors.hasOwnProperty(field)) {

                    this.formErrors[field] = [];
                    if (this.validationMessages[field].hasOwnProperty(error.systemCode)) {
                        this.formErrors[field].push(this.validationMessages[field][error.systemCode]);
                    }
                }
            }
        }
    );

}

Quand je clique sur le bouton de connexion, il ne pas jeter le journal de la console dans la console. Quelqu'un une idée?

OriginalL'auteur Budi | 2017-05-19

  1. 4

    bouton de changement de type="button"

    <form #UserLogin="ngForm" (ngSubmit)="onSubmit(UserLogin)">
<md-input-container>
    <input mdInput [(ngModel)]="data.email" name="email" placeholder="Benutzername" class="form-control"  type="text" required>
</md-input-container>

<md-input-container>
    <input mdInput [(ngModel)]="data.password" name="password" class="form-control" placeholder="Passwort" type="password" required>
</md-input-container>

<button md-button class="submit-btn" type="button" [disabled]="!UserLogin.form.valid">Login!</button>
</form>

onSubmit(form: ngForm) {

console.log('sdfdfg');
console.log(form.value);

}
    Merci, je l'ai changé pour type="button", mais il n'est toujours pas le déclenchement de la console.log ("sdfdfg');
    essayez ma mise à jour de réponse
    hmmm merci, mais toujours pas de journal de la console. peut-être qu'ils changent tout synt ax dans les dernières angulaire version?
    Il fonctionne à l'aide de type="submit"
    Il travail pour moi, mais dans la console il n'affiche pas les données de formulaire

    OriginalL'auteur Arun Kumaresh