角2表單按鈕按鈕處理

Question

嗨民間人希望有人可以建議。

我有一個表單，管理員用戶可以創建驗證的用戶。

他們現在要求編輯/刪除用戶的能力。我添加了表單組件，並可以顯示選定的用戶詳細信息，但我無法讓系統對更新按鈕進行驗證。

如何在兩個按鈕上調用onsubmit函數，但區分哪個按鈕已被按下？

否則我怎麼處理了3個按鍵，使他們都accourdingly工作

感謝 安迪

Answer 1

最簡單的方法是將有一個變量商店提交已完成動作的類型，並在該開關在onSubmit函數裏面的動作。

裏面添加您的組件的變量和switch語句

export class AppComponent { 

    private submitType: String; 

    onSubmit(f: NgForm) { 
     switch(this.submitType){ 
     case 'CREATE': 
      // Do something 
      break; 
     case 'UPDATE': 
      // Do someting else 
      break; 
     case 'DELETE': 
      // Do another thing 
      break; 
     } 
    } 

} 

然後點擊

<form #f="ngForm" (ngSubmit)="onSubmit(f)" novalidate> 
    <button name="create" type="submit" (click)="this.submitType = 'CREATE'">Create</button> 
    <button name="update" type="submit" (click)="this.submitType = 'UPDATE'">Update</button> 
    <button name="delete" type="submit" (click)="this.submitType = 'DELETE'">Delete</button> 
    </form>