时间掩码输入字段角度9

Question

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

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

我遵循https://stackblitz.com/edit/angular-time-mask实现了时间掩码输入域。我想要在组件文件中访问在我的ngModel中输入的输入。我还注意到change()事件不会在这里触发。

当我在组件文件中访问我的模型值时，它的值是"Invalid Date“，而我期望的是完整的date对象和我从输入中输入的时间。

任何帮助都将不胜感激。

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);
    })
  }