AngularJS: Kendo 当 clicked/tapped 时清除所有 0 的 NumericText 框

Question

在 AngularJS 中，我有一个未知数量的 NumericTextBox（它们是在 ng-repeat 中制作的）：

<input kendo-numeric-text-box
   k-format="'c2'"
   class="form-control"
   k-min="0" k-max="10000000"
   k-ng-model="fund.Amount"/>

当用户单击任何文本框时，如果值为 $0，则应清除该字段。我的用户抱怨他们每次点击 Kendo NumericTextBox 时都必须手动删除 0。

我试过了，但失败了：

$(function() {
  $('[data-role="numerictextbox"]').each(function(){
    var textbox = $(this);
    textbox.value(null);
  }); 
});

Answer 1

我找到了适合我的目的的简单解决方法。将 Kendo 控件绑定到的模型设置为空。这样 Kendo 控件显示空白，而不是 $0

AngularJS: Kendo Clear all NumericText boxes of 0 when clicked/tapped