angular - 如何在 Angular 中使用 oninput？

Question

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

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>

似乎有道理。但有一个错误“数据未定义”

如何修复它。

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

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

Answer 1

如果有人仍然感兴趣，您可以使用 (input)

<input type="number" id="test" (input)="yourFunction()">