angular - 时间屏蔽输入字段 Angular 9

Question

这可能是由于我问这个问题的无知。我想要类似于以下代码的代码

<input class="form-control" appTimeMask (change)='calculateMinutes($event, rowIndex)' [(ngModel)]="data.stTime">

我按照https://stackblitz.com/edit/angular-time-mask来实现时间屏蔽输入字段。我希望ngModel在组件文件中访问在 my 中输入的输入。我还注意到change()这里没有触发事件。

当我在组件文件中访问我的模型值时，它的值是“无效日期”，而我期望完整的日期对象以及我从输入中输入的时间。

任何帮助将不胜感激。

标签： angularangular-forms

Answer 1

将您的代码修改为：

.html

<form [formGroup]="reactiveForm">
   Input com a diretiva: 
   <input appTimeMask name="inputCtrl" formControlName="inputCtrl">
</form>

.ts

reactiveForm= new FormGroup({
    inputCtrl :new FormControl()
  })

ngOnInit(){
    this.reactiveForm.get("inputCtrl").valueChanges.subscribe(x => {
      console.log(this.reactiveForm.get("inputCtrl").value);
    })
  }