2016-11-14 34 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()」'。但就我而言,它根本沒有執行。 –