要解决这个问题，你可以使用Angular中的ngSubmit指令来替代form标签，并将其与formGroup绑定在一起。

下面是一个示例代码：

在组件的typescript文件中：

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent implements OnInit {
  myForm: FormGroup;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.formBuilder.group({
      name: ['', Validators.required],
      email: ['', [Validators.required, Validators.email]],
      password: ['', [Validators.required, Validators.minLength(6)]]
    });
  }

  onSubmit() {
    // 处理表单提交的逻辑
    console.log(this.myForm.value);
  }
}

在组件的HTML文件中：

  

    姓名:
    
  
  
  

    邮箱:
    
  
  
  

    密码:
    
  
  
  提交

在上述示例中，我们使用了Angular的Reactive Forms模块来创建和验证表单。在组件的typescript文件中，我们使用formBuilder来构建一个FormGroup对象，并将其与组件的属性myForm绑定。在组件的HTML文件中，我们使用formGroup和formControlName指令将表单控件与myForm对象中的属性进行绑定，以便能够进行验证和获取表单的值。并且通过ngSubmit指令将表单的提交事件与组件中的onSubmit方法进行绑定。

这样，就可以解决你遇到的问题。