Question

我有一个网页，我正在从服务器收到的动态json数据构建表单。我不久前用KnockoutJS开发了它。在构建表单之后，我还需要通过从服务器执行ajax请求来更新表单，每次更改表单中的值。这是fiddle 你看，改变事件只发生在模糊上（不是在按键上）。例如，如果文本字段的值为15，并且用户按退格键然后再次输入5，则表示2次按键但值尚未更改。到目前为止一切都很好。

问题1 现在我将代码转换为AngularJS。我试图通过观察范围来捕捉变化事件。但是，看起来每次按键发生时都会运行手表，即使几次按键值没有改变。以下是我尝试的fiddle。但是，此问题仅适用于文本类型输入字段。

问题2 我正在以手动方式创建无线电组，例如如果更改了json数据，那么我们也必须更新html。我怎么能以一种动态的方式做到这一点。我能够用KnockoutJS做到这一点。

问题3 为什么ng-hide不起作用？

Answer 1

修复问题1是引入模糊事件的指令，以下是我的指令的代码：

angular.module('app', []).directive('ngModelOnblur', function () {
return {
    restrict: 'A',
    require: 'ngModel',
    link: function (scope, elm, attr, ngModelCtrl) {
        if (attr.type === 'radio' || attr.type === 'checkbox') return;

        elm.unbind('input').unbind('keydown').unbind('change');
        elm.bind('blur', function () {
            scope.$apply(function () {
                ngModelCtrl.$setViewValue(elm.val());
            });
        });
    }
};

}）;

你可以在这里看到工作小提琴http://jsfiddle.net/akeelrehman/GNJtn/1/

我无法找出问题2的解决方案，所以我已停止使用无线电输入。

Answer 2

您可以使用超时，而不是使用模糊。实际上，当用户停止键入X毫秒而不是每次按键时，它会调用您的函数。

请参阅此回复一个类似的问题，该问题包含完成工作的示例代码：https://stackoverflow.com/a/15723514/1034002

在文本输入中的每个按键上调用AngularJS $ watch

2 个答案: