Angular 有人建议如何使用ng模型在我的表单中绑定datepicker值

这是

datepicker.ts

import { Component, HostListener, ViewChild } from '@angular/core';
import { BsDatepickerDirective } from 'ngx-bootstrap/datepicker';

@Component({
    selector: 'demo-date-picker-hide-on-scroll',
    templateUrl: './datepicker-popup.html'
})

export class DemoDatepickerHideOnScrollComponent {

    @ViewChild(BsDatepickerDirective) datepicker: 
    BsDatepickerDirective;

    @HostListener('window:scroll')
        onScrollEvent() {
        this.datepicker.hide();
    }
}

和

datepicker.html

<div class="row">
    <div class="col-xs-12 col-12 col-md-9 form-group">
      <input
        placeholder="Datepicker"
        class="form-control"
        #dp="bsDatepicker"
        bsDatepicker>
    </div>
  </div>

我添加了datepicker组件。很好用。我要走了 表单中的日期选择器，但无法绑定日期选择器值 使用

[（ngModel）]

。请，有人给我建议一下如何在

---

我的控制台。

您可以通过以下方式使用ngModel

      <div class="row">
        <div class="col-xs-12 col-12 col-md-9 form-group">
          <input
            placeholder="Datepicker"
            class="form-control"
            #dp="bsDatepicker"
            bsDatepicker [ngModel]="date"
            (ngModelChange)="date = $event.toLocaleDateString()">
        </div>
     </div>

<div class="row">
        <div class="col-xs-12 col-12 col-md-9 form-group">
          <input
            placeholder="Datepicker"
            class="form-control"
            #dp="bsDatepicker"
            bsDatepicker [ngModel]="date"
            (ngModelChange)="($event.toLocaleDateString())=>{this.date=new Date($event.toLocaleDateString())}">
        </div>
     </div>