垫子滑块ngModel不工作角度5

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了垫子滑块ngModel不工作角度5相关的知识,希望对你有一定的参考价值。

我试图从角度材料(角度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)"

以上是关于垫子滑块ngModel不工作角度5的主要内容,如果未能解决你的问题,请参考以下文章

从头开始查看寻呼机图像(片段)滑块

材料角度自动完成:选择选项后如何在屏幕中保留垫子选项?

如何在千位分隔符的垫子中获取 UI 的价值

当有ngModel时,检查角度2中的单选按钮

ngmodel 更改时未触发角度日期过滤器

(更改)不适用于角度 5 中的 select2