在Angular 7中,可以通过使用条件语句来根据是创建还是更新来更改表单提交按钮的文本。具体步骤如下:
<button *ngIf="isCreating; else updateButton">创建</button>
<ng-template #updateButton>
<button>更新</button>
</ng-template>
上述代码中,使用了一个布尔变量isCreating
来表示当前是创建状态还是更新状态。如果isCreating
为true
,则显示"创建"按钮;否则,显示"更新"按钮。
isCreating
变量的值。例如:export class YourComponent {
isCreating: boolean = true; // 默认为创建状态
// 根据实际情况更新isCreating的值
updateForm() {
// 更新表单的逻辑
this.isCreating = false; // 设置为更新状态
}
}
上述代码中,updateForm()
方法表示表单的更新逻辑。在更新完成后,将isCreating
变量设置为false
,表示切换为更新状态。
通过以上步骤,根据是创建还是更新状态,可以动态地更改表单提交按钮的文本。
领取专属 10元无门槛券
手把手带您无忧上云