简要说明然后在Angular.js中自定义验证后隐藏元素

时间:2013-09-11 11:50:42

标签: angularjs coffeescript

我想简要地说明(一两秒钟)'看起来不错!'一些服务器端验证功能运行后,文本框旁边的消息。

我不确定这样做的“角度方式”。此外,我还没有冒险进入角动画。

这是我的自定义验证指令,用于上下文。

module.directive 'serverValidation', ($http) ->
    require: 'ngModel',
    link: (scope, elem, attrs, ctrl) ->
        elem.on 'blur', (e) ->
            scope.$apply () -> $http.post('../api/validator', "val": elem.val())
                .success (data) ->
                    ctrl.$setValidity('myErrorKey', data.valid)

谢谢!

1 个答案:

答案 0 :(得分:1)

在你的Html中,你需要一个隐藏的div(ng-hide =“showMe == false”)

在角度控制器中,添加变量:$ scope.showMe = false;

在“.success”中,将变量的值更改为true,然后在javascript中设置超时以将变量设置为false