垫子滑块ngModel不工作角度5

Posted 2021-04-07

我试图从角度材料（角度5）实现垫子滑块一切正常，除了滑动滑块时nhModel没有改变，这里是代码

<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 ...

答案

输入事件告诉您滑块拇指位置发生了什么。这不是滑块模型的值。 change事件为您提供滑块模型值的更改。

    (change)="pictureManip($event, f.function, 0)"