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

Question

您好，我正在努力处理这段代码。我很确定一切都很好，但显然不是。这只是一些简单的表单验证，这是一个示例输入字段:

<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>

每个字段都有一个或多个包含在 span 中的错误消息，当正确的 ng-show 检查评估为 true 时会显示这些错误消息。这工作正常，但我希望错误显示为“模糊”或稍有延迟。我试过的 ng-model-options:

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

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

这也是我正在使用的(非常简单的) Controller ，它会不会是里面的东西？据我所知，没有。

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
}]);

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

Answer 1

对不起，但我不得不问一个问题:您使用的是哪个版本的 angular？ (ngModelOptions 是 angular 1.3 的一个特性)