在HTML中微调框中的步长值增加最小，而不是第一步增加

Question

在我的HTML文件中，我有以下代码:

<mat-form-field class="generate-full-width">
<input matInput type="number" min="100" max="1000000000" step="1000" name="elements"
formControlName="elements" [errorStateMatcher]="matcher" placeholder="Max Elements"
numbersOnly>
<mat-error *ngIf="submitted && hasError('elements', 'required')">Max Elements is required</mat-error>
</mat-form-field>

该值依赖于另一个字段，一个名为Product的下拉框。问题是:对于产品ABC,elements的值从100开始，以1000的增量递增，工作正常。

然而，对于产品DEF,elements的值从10,000(或100,000)开始，对于另一个产品，在增加值时，第一个增量是100而不是1000。我认为这是因为在HTML中min="100"验证。

删除min="100"验证解决了这个问题，但随后产品ABC不是以100开始，而是以1000开始。步长不能为100。请帮助。

Answer 1

将最小值更新为:min =元素[0]