Question

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

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

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

当我访问组件文件中的模型值时，其值为“无效日期”，而我希望输入日期中包含输入时间的完整日期对象。

任何帮助将不胜感激。

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

时间屏蔽输入字段Angular 9

1 个答案: