Wie als Form mit Winkelkomponenten

Question

ich eine Authentifizierungs-Form mit Winkelkomponente bauen will und versuchte, wie folgt erstellen:

<form (ngSubmit)="onSubmit()" #loginCtrl="ngForm"> 
    <div class="input"> 
     <material-input type="text" 
         class="login" 
         required 
         floatingLabel 
         label="User" 
         [(ngModel)]="login.user" 
         ngControl="user" 
         #user="ngForm"></material-input> 
    </div> 
    <div class="input"> 
     <material-input 
       class="login" 
       type="password" 
       floatingLabel label="Password" 
       [(ngModel)]="login.password"> 
     </material-input> 
    </div> 
    <div class="input"> 
     <material-input 
       class="login" 
       type="text" 
       floatingLabel 
       label="Language" 
       [(ngModel)]="login.language"> 
     </material-input> 
    </div> 
    <div class="input"> 
     <material-button 
       type="submit" 
       raised 
       class="btn-blue"> 
      Login 
     </material-button> 
    </div> 
</form> 

die Funktion onSubmit überhaupt nicht ausgelöst bekommt. Was mache ich falsch?

Answer 1

Ich schätze, was Sie getan haben sollten. Als Workaround können Sie versuchen

<material-button 
      (click)="loginCtrl.submit()" 
      raised 
      class="btn-blue"> 
     Login 
    </material-button>