Angular Reactive Forms / ngx-leaflet弹出式自定义组件

Question

我有一个实现角度反应形式的组件，我创建了一个自定义元素以将其添加到ngx-leaflet poup中，但诸如markerForm.valid，markerForm.status和markerForm.value之类的属性未更新。

当我在传单弹出窗口之外使用相同的组件时，它可以正常工作。

组件html：

aspectFit

组件表单创建

<h2>Create Marker</h2>

<form [formGroup]="markerForm" (ngSubmit)="onSubmit(markerForm)" novalidate>
      <div class="form-group">
   <label class="center-block">description:
    <input class="form-control" id="description" 
 formControlName="description"  
    >


   </label>
     </div>
  <button type="submit" class="btn btn-success">Save</button>

</form>

<p>Form valid: {{ markerForm.valid | json }}</p>
<p>Form value: {{ markerForm.value | json }}</p>
<p>Form status: {{ markerForm.status | json }}</p>