Angular JS ng-model-options不适用于输入

时间:2014-11-06 11:55:53

标签: javascript angularjs forms validation angularjs-directive

嗨,我正在努力解决这个问题。我很确定一切都好,但显然不是。这只是一些简单的表单验证,这里是一个示例输入字段:

<form name="form" novalidate ng-controller="signupFormCtrl">

<!-- USERNAME -->
    <!-- USERNAME FIELD -->
    <input type="text"
        ng-model="user.name"
        name="username" 
        placeholder="Nome" 
        ng-model-options="{ debounce: 1000 }"
        required />

    <!-- USERNAME ERROR -->
    <span class="error-message" 
        ng-show="form.username.$dirty && form.username.$error.required">Ci serve il tuo nome</span>
</form>

每个字段都有一个或多个包含在跨度中的错误消息,当正确的ng-show检查评估为true时会显示这些消息。这工作正常,但我希望显示错误&#34;模糊&#34;或者经过一小段时间。 我试过ng-model-options:

{ updateOn : 'blur' }, 
{ debounce : '1000' }, 
{ updateOn: 'default blur', debounce: {'default': 500, 'blur': 0}}

这些选项都不起作用,错误显示但没有任何延迟,忽略了“模糊”。选项。

此外,我正在使用的(非常简单的)控制器,它可能是那里的东西吗?据我所知,没有。

app.controller('signupFormCtrl', ['$scope', function ($scope){
    $scope.user = {};

    $scope.sendInfo = function (user) {
    var userData = 'user=' + user.name + '&mail=' + user.mail + '&pwd=' + user.password;            
    }

    //AJAX CALL TO SERVER-SIDE LOGIC
}]);

提前感谢那些愿意提供帮助的人。

1 个答案:

答案 0 :(得分:5)

对不起,我不得不问一个问题:你使用的角度是哪个版本? (ngModelOptions是一个角度1.3功能)