窗体组Angular 2上的非阻塞控件

Question

我正在尝试在angular 2的表单组中添加非阻塞错误（警告）。我正在使用以下代码；

myfile.component.ts ：

 this.myFormGroup.get('myfield').setValidators(
            Validators.compose([
                checkBlockingError(error.isRequired),
                checkNonBlockingError
            ]));

函数 checkNonBlockingError 被定义为：

static checkNonBlockingError(control: FormControl): { [key: string]: { message: string } } {
    const group = control['_parent'];
        if (//not OK test)) {
            return {checkNonBlockingError : {message: "THE VALUE OF THAT FIELD IS NOT CORRECT BUT YOU CAN CONTINUE YOUR INSCRIPTION WITHOUT ISSUE."}};
        } else {
            return null;
        }
    }
}

以及组件模板中，我正在使用以下代码：

<button type="button" ..
                    [disabled]="!myFormGroup.valid"
                    (click)="enregister()">
                Enregistrer
            </button>

此代码的问题是该错误阻止用户，因为它使表单无效。 如果我从字段中删除控件，我根本不会收到错误消息。 如何编辑该代码，使用户收到错误消息（警告）并使表单保持有效？