问题标签 [angular-ngmodelchange]

我有数字输入字段，我想限制它，所以最大值将为 100。所以当用户按数字输入数字时，我希望它被实时限制。为此，我正在使用(ngModelChange).

例子：

• 用户输入 1 即可，
• 用户再次输入1，就OK了，
• 用户再次输入1会自动将111替换为100，就OK了
• 用户再次输入 1 它应该自动替换为 100。但它保持 1001 并且它将继续添加有关 ngModelChange 限制的数字。

这是html代码：

它的控制器：

这将更新期间，但只有一次。如果我继续输入更多数字，它不会更新输入字段。也不maxlength="3"工作

我尝试了相同的概念，但在段落上并且它正在工作。可能问题仅出在输入字段上。

我想删除字母并只留下数字，验证很好，但输入视图没有正确更新。变量“数量”确实改变了它的值，我可以在下面显示它
<p> {{quantity}} </p>

按钮-add.component.html

按钮-add.component.ts

我有一个名为 ftn-toggle 的组件，它需要 3 个参数：

在我的模型中， ngModelChange 指的是 onToggleProduct()

而且我不知道如何在我的组件中传递它：

因为它用于在我的商店中发送新操作：

我正在研究一个我希望ngModel根据某些条件获取更新的场景

模板：

零件：

在第一次尝试将值更改为大于 10 时，视图会更新。但随后的变化不会。是什么导致了这种行为，如何解决这个问题？

我有一个剑道下拉菜单，当用户在搜索框中输入 3 个字母时，我想通过 API 调用将数据加载到下拉菜单中。

我试过这种方法。但它没有得到适当的。有人可以给我适当的解决方案吗？

.ts

.html