NZ-ZORRO组件Form表单自动提交

NZ-ZORRO组件如果卸载form表单内会有默认的enter提交事件，可以声明如下指令并写在form标签中阻止该事件传递
@Directive({ standalone: true, selector: '[disableEnter]' }) export class DisableEnterDirective { // 在这里定义你的自定义指令 @HostListener('keydown', ['$event']) onKeyDown(event: KeyboardEvent) { if (event.key === 'Enter') { event.preventDefault(); } } }
否则的话会帮你点击form中所有的按钮，例如在form中存在提交和重置的话会查询并重置查询条件。
另外一种解法可以把按钮提出form标签。