要在Angular 6中实现在组件内的表单中点击提交按钮时不触发ngSubmit事件,可以使用HTML中的普通按钮替代ngSubmit事件绑定的提交按钮。
以下是一个解决方法的示例代码:
在组件的HTML模板中,使用普通按钮代替ngSubmit事件绑定的提交按钮,并添加(click)事件绑定:
在组件的Typescript代码中,定义onSubmit方法来处理表单的提交操作:
import { Component } from '@angular/core';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
onSubmit(form: NgForm) {
// 处理表单提交操作
// ...
}
}
这样,当点击提交按钮时,会调用onSubmit方法来处理表单的提交操作,而不会触发ngSubmit事件。