Angular 更新不起作用

Angular 更新不起作用,angular,typescript,angular-material,reactive-forms,Angular,Typescript,Angular Material,Reactive Forms,我试图在输入时显示验证消息,但是只有当输入失去焦点时才会显示 我尝试了以下方法: form:FormGroup=newformfroup({ 方向:新窗体控件(“{ 验证器:[Validation.required,Validation.pattern(“^[0-9]*$”), 更新:“更改” } 在html中,我不订阅(更改)-可能这就是问题所在-如果是,我需要做什么才能在键入更改时获得验证?通过取消验证,验证程序将在控制值更改时运行 form: FormGroup = new Form

我试图在输入时显示验证消息,但是只有当输入失去焦点时才会显示 我尝试了以下方法:

form:FormGroup=newformfroup({
方向:新窗体控件(“{
验证器:[Validation.required,Validation.pattern(“^[0-9]*$”),
更新:“更改”
}

在html中,我不订阅(更改)-可能这就是问题所在-如果是,我需要做什么才能在键入更改时获得验证?

通过取消验证,验证程序将在控制值更改时运行

  form: FormGroup = new FormGroup({
    direction: new FormControl(null, {
       validators: [Validators.required, Validators.pattern("^[0-9]*$")]
    })
  });
如果要检查验证错误以显示消息,则可以检查错误(如果消息具有值),并使用hasError方法检查特定错误

模板


必修的

模式默认为“更改”,因此为了在键入时更新验证消息,我需要订阅更改事件并调用updateValueAndvalidity?不,您只需要从错误中进行检查,检查结果仅显示在模糊中…(当我在输入中失去焦点时)这可能是因为只有在触摸表单控件后,模板才会显示。