使用Angular的FormGroup和FormControl来手动实现表单验证并阻止表单提交。

示例代码：

在组件类中，声明一个FormGroup，并在该FormGroup中添加需要验证的FormControl。例如：

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

@Component({
  selector: 'app-form',
  template: `
    

      
      Submit
    
  `,
})
export class MyFormComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl('', [
        Validators.required,
        Validators.minLength(4),
      ]),
    });
  }

  submitForm() {
    if (this.myForm.invalid) {
      return;
    }

    // Form is valid, perform submit actions
  }
}

在上面的代码中，我们创建了一个名为myForm的FormGroup，其中包含一个名为name的FormControl。name的验证器包括必填字段验证和最小长度验证。submitForm()方法检查表单是否无效，如果无效，则阻止表单提交。

此方式可确保表单验证通过后再进行提交。