angular - ngModel 更改，ngModelChange 未被调用

Question

<input type="number" style="width: 100px" [(ngModel)]="trait.userMinimum" (ngModelChange)="setThresholds()">

模型通过以下代码更改并反射(reflect)在屏幕上，但不会调用 ngModelChange。我希望它被调用，而不管它在其他地方被更改或成为属性(property)或任何原因。如果模型发生变化，它会调用 ngModelChange。

  <p-slider [(ngModel)]="trait.userMinimum" 
    [style]="{'width':'100%'}" 
    [min]="trait.min"
    [max]="trait.max"
    class="ui-g-8"></p-slider>
  <span class="ui-g-2">{{trait.max}}</span>

为了阐明 ngModel 按预期工作，我移动 slider 以改变数字，然后输入 slider 改变的数字。唯一不起作用的是 slider 更改并且未在输入中调用模型更改。

Answer 1

//This is a **two way** binding, so below code will not take effect
[(ngModel)]="trait.userMinimum"  
(ngModelChange)="setThresholds()" //This will not be fired

解决办法是改成如下，去掉“()”，get和set分开:

[(ngModel)]="trait.userMinimum" ---> [ngModel]="trait.userMinimum"