Question

嗨，民众希望有人可以提供建议。

我有一个表单，管理员用户可以在其中创建对其进行验证的用户。

他们现在要求编辑/删除用户的能力。我添加了表单组件，可以显示所选用户的详细信息，但我无法让系统对更新按钮进行验证。

如何在两个按钮上调用onsubmit功能，但是区分按下了哪个按钮？

否则如何处理3个按钮，以便它们全部正常工作

由于安迪

Answer 1

最简单的方法是让变量存储已完成的提交操作的类型，并在onSubmit函数内切换该操作。

在组件内添加变量和开关语句

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>

Angular 2表单按钮按钮处理

1 个答案: