如何在Angular中使用oninput? [英] how to use oninput in Angular?

问题描述

我想限制输入的最大数量.

I want to limit the input maximum number.

data = [
   {
     qq:[30]
   },
   {
     qq:[100]
   }


<div *ngFor="let data of data">

      max{{data.qq[0]}}

      <input type="number" id="test" oninput="if(value > data.qq[0]) value = data.qq[0]">

    </div>

看起来很有意义.但是出现错误未定义数据"

Seem make sense.but have a error "data is not defined"

如何修复它.

我尝试ngModel，但效果不是很好.超过最大值后，用户可以继续输入.

I try ngModel but effect is not very good. After exceeding the maximum value, the user can continue to input.

https://stackblitz.com/edit/angular-s5uwe6?file=src%2Fapp%2Fapp.component.ts

推荐答案

您只需使用 max 属性

  <input type="number" id="test" [max]="data.qq[0]">

stackblitz演示

另一种类似方式

  <input type="number" id="test" #v  (change)="+v.value > data.qq[0]? v.value = data.qq[0]:0">

这篇关于如何在Angular中使用oninput?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！