2016-11-14 29 views
1

我想建立与角度分量的认证形式,并试图如下:如何建立为形式角分量

<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> 

功能onSubmit没有得到根本触发。我究竟做错了什么?

回答

2

我想你做了什么应该工作。作为解决方法,您可以尝试

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

它会工作,但这会打破angular2的概念吗? –

+0

不确定你的意思是什么“概念” –

+0

当你看上面的代码时,当我按登录按钮时,应该执行form form(ngSubmit)=“onSubmit()”'。但就我而言,它根本没有执行。 –