Angular：基于表达式的绑定事件

Question

提交表单时应执行哪个功能取决于它是否为编辑模式。是否可以在Angular中执行类似的操作（下面的代码只会引发错误）：

<form novalidate (ngSubmit)="{editMode ? saveUser() : addUser()}" [formGroup]="userForm">

Answer 1

您可以这样做-

只需从事件调用中删除{}标志-

<form novalidate (ngSubmit)="editMode ? saveUser() : addUser()" [formGroup]="userForm">

Working example

Answer 2

尝试

   <form novalidate (ngSubmit)="editMode ? saveUser() : addUser()" [formGroup]="userForm">

Answer 3

不，您不能。但是您可以做的是：

<form novalidate (ngSubmit)="saveUser(editMode ? 'add' : 'save')"[formGroup]="userForm">

saveUser(mode: 'add' | 'save') {
   switch(mode) { .... }
}