angular - 为什么我在 Angular 4 中的反应式表单在由 datetimepicker 设置时不更新值

Question

我正在尝试将datetimepicker添加到我的 Angular 4 Metronic网站。我已将其添加到我的反应表单中，如下所示：

<input formControlName="timeOfRemoval" data-provide="datetimepicker" class="form-control m-input" id="timeOfRemoval" placeholder="Select date &amp; time" readonly="" type="text">

现在这可以很好地创建选择器，并且它还设置了字段中的值。但没有发生的是Reactive Form价值的变化。

当我想提交表单时，值timeOfRemoval保持为空。当我删除readonly，选择一个日期时间并通过添加和删除空格来更新值时，它确实有效。

当然这不是我想要的，我希望我Reactive Form能检测到变化。我该怎么做？

Answer 1

在您的 component.ts 文件中建立反应式表单后，如果您执行以下操作，它是否注册了值的更改？

this.myReactiveForm.get('timeOfRemoval').valueChanges.subscribe(val => {
    console.log('new value is: ' + val);
    // if it is showing the value is changing, then maybe save
    // that value to a different variable in this component and use
    // it when the form is submitted
});