如何解决动态更改输入和范围滑块
我有一个滑块和输入字段,它们将通过 ng-template
添加到产品中。
我希望每个滑块和输入字段都根据 item.id
存储各自的值。
我要么得到 Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError:
或TypeError: Cannot read property 'value' of undefined
。
该项目将从另一个组件加载/显示,上面的代码位于该标签/ng-模板中。
public quantities: { [articleId: string]: number } = {};
<div class="col-4">
<mat-slider
class="width-90-percent"
[max]="max"
[min]="min"
[step]="step"
[thumbLabel]="true"
formControlName="quantity"
[(ngModel)]="quantities[item.id]"
(change)="quantities[item.id] = $event.value"
></mat-slider>
</div>
<div class="col-auto padding-0 margin-left-10">
<input
matInput
type="number"
class="form-control width-50-percent"
formControlName="quantity"
[(ngModel)]="quantities[item.id]"
/>
</div>
item
包含 quantity
。
如果我设置输入事件,无论是使用 quantities
还是 quantity
,它都会移动两个滑块并更改两个值。
我希望每个滑块和输入字段都具有基于输入/滑块事件的单独值。
当我在 [(ngModel)]
中声明 input
时会出现问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。