引导时间选择器更改事件

Question

我正在尝试自学 Angular 8。从 angularjs 开始跳跃。我总是找到日期和时间选择器来处理编码中最令人生畏的部分。我非常成功地在 Angular 8 中创建了一个漂亮的反应形式。 与往常一样，我陷入了日期和时间。 所以我使用输入类型日期和时间，它在 chrome 和 IE 中完全没有。 去研究用于救援的引导程序并想出了这个

<div class="input-group col-md-6">  
   <div class="input-group-prepend col-md-6" style="padding: 0; margin: 0;">
      <label class="input-group-text w-100">Reviewers Arrival Time</label>
   </div>
   <div class="form-control" style="height:auto !important;" 
   [ngClass]="{ 'is-invalid': submitted && f.mealSerStartTimeRev.errors, 
   'col-md-4': submitted && f.mealSerStartTimeRev.errors}">
       <ngb-timepicker [(ngModel)]="timeStart" formControlName="mealSerStartTimeRev" 
          show-spinners="false" [meridian]="true" (ngModelChange)="onTimeChange($event)">
       </ngb-timepicker>    
    </div>     

这很好用，ngModelChange 与 ngModel 配合得很好，因为我的表单是反应式的，所以我有 formcontrolname 用于验证获取表单值等 现在我遇到的问题是我收到警告

It looks like you're using ngModel on the same form field as formControlName. 
Support for using the ngModel input property and ngModelChange event with 
reactive form directives has been deprecated in Angular v6 and will be removed 
in Angular v7.

For more information on this, see our API docs here:
https://angular.io/api/forms/FormControlName#use-with-ngmodel

我了解到该消息不能将 ngmodel 与 formcontrolNAme 一起使用。那么我将如何管理更改事件。我需要更改事件。许多业务逻辑发生在更改事件中。任何帮助将不胜感激

Answer 1

您可以使用可用的 valueChanges，例如 ::

 this.formGroupName.get('mealSerStartTimeRev').valueChanges.subscribe(x => 
--- Logic goes here ----
);

或者，

 this.formGroupName.controls.mealSerStartTimeRev.valueChanges.subscribe(x => 
--- Logic goes here ----
);

两者都可以。