Mat0-Slider ngModel不工作角度5

Question

我正在尝试从有角度的材料（角度5）实现垫滑块，一切正常，除了在我滑动滑块时ngModel不会改变，这是代码）>

<li class=normal *ngFor="let f of filters" attr.data-default={{f.default}}>
    <div>
        <small>
            {{f.name}}
        </small>
    </div>
    <mat-slider step="{{f.step}}" min='{{f.min}}' max={{f.max}} [(ngModel)]='effects[f.function]' [value]=f.default (input)="pictureManip($event, f.function, 0)" [id]=f.name></mat-slider>

对于打字稿功能，我做了一些基本的事，例如

effects = [
    0,0, 0, 1, false, false
];
...
pictureManip($event, code, level){
    console.log(this.effects[code]);
}
输出始终为0 ...我不明白，当我与其他人（复选框）进行检查时，ngModel会更新为true / false，但滑块不会更新，始终为0 ...

我正在尝试从有角度的材料（角度5）实现垫块滑块，但一切正常，但当我滑动滑块时ngModel不会改变，这是代码

Answer 1

输入事件告诉您滑块的拇指位置正在发生什么。那不是滑块模型的值。 change事件使您可以更改滑块的模型值。