在Angular中，可以使用自定义的ValidatorFn来验证表单字段的输入。ValidatorFn是一个函数，它接收一个AbstractControl对象作为参数，并返回一个ValidationErrors对象。

要实现ValidatorFn返回但不阻止表单提交的功能，可以在表单提交时，手动触发表单字段的验证。如果验证通过，可以继续执行提交操作，如果验证失败，则可以显示错误消息或其他提示。

以下是一个示例代码，演示如何实现这个功能：

首先，创建一个自定义的ValidatorFn：

import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';

export function customValidatorFn(): ValidatorFn {
  return (control: AbstractControl): ValidationErrors | null => {
    if (control.value === 'abc') {
      return { invalidValue: true };
    }
    return null;
  };
}

然后，在表单组件中，使用自定义的ValidatorFn来验证表单字段：

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { customValidatorFn } from './custom-validator';

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

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

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      myField: ['', [Validators.required, customValidatorFn()]],
    });
  }

  onFormSubmit() {
    // 手动触发表单字段的验证
    this.myForm.controls['myField'].markAsTouched();
    this.myForm.controls['myField'].updateValueAndValidity();

    if (this.myForm.valid) {
      // 执行提交操作
      console.log('Form submitted');
    }
  }
}

在上述代码中，我们使用Angular的FormBuilder来创建表单，并将自定义的ValidatorFn应用于表单字段。在表单提交时，我们手动触发表单字段的验证，然后根据表单的valid属性来判断是否执行提交操作。

需要注意的是，通过手动触发表单字段的验证，可以绕过Angular的自动验证机制，但仍然需要在提交前手动更新表单字段的状态和有效性，以确保验证结果正确。

希望这个示例能帮助到你！