从 ngx-material-timepicker 获取选择时间

Question

我正在使用 Angular 8 和 ngx-material-timepicker (5.5.3)。

现在我想使用一个按钮从输入字段访问选择的时间，该按钮在我拥有的模板中控制台记录选择的时间：

<input placeholder="24hr format" aria-label="24hr format" [(ngModel)]="time" [ngxTimepicker]="pickerA" [format]="24">
<ngx-material-timepicker #pickerA></ngx-material-timepicker> <button (click)="showTime()">showTime</button>

在我拥有的组件中：

time = "22:00";

和

showTime(){
    console.log(this.time);
  }

但是当我使用选择器选择时间时，输入字段会获得一个新值，但 ngModel 似乎不起作用，因为它总是在单击按钮后控制台日志：“22:00”（初始值）。

如何正确访问所选时间？

Answer 1

尝试使用 [value] 而不是 [(ngModel)]

<input placeholder="24hr format" aria-label="24hr format" [value]="time" [ngxTimepicker]="pickerA" [format]="24">
<ngx-material-timepicker #pickerA></ngx-material-timepicker> <button (click)="showTime()">showTime</button>