ng2-bootstrap

Question

在使用 Angular 2 的 ng2-bootstrap 插件时，我无法使时间选择器 change() 事件起作用。这可以在示例页面 (http://valor-software.com/ng2-bootstrap/index-bs4.html#/timepicker) 上进行演示。

在示例页面的 "typescript" 部分，您将找到 changed() 函数。当您 (change) 一个时间选择器时，控制台日志将不会触发，这表明 changed() 函数从未被调用。

// template:
<timepicker [(ngModel)]="mytime" (change)="changed()" [hourStep]="hstep" 
            [minuteStep]="mstep" [showMeridian]="ismeridian" 
            [readonlyInput]="!isEnabled"></timepicker>

// @Component:
public changed():void {
  console.log('Time changed to: ' + this.mytime);
};

我是不是误解了 timepicker 的 (change) 事件是如何实现的，还是事件被破坏了？

Answer 1

Have you tried using (ngModelChange)?

如上文Stephan所述，使用(ngModelChange)即可解决问题。

ng2-bootstrap - timepicker change() 事件不工作

ng2-bootstrap - timepicker change() event not working

angular