angularjs - 在 Angular.js 中自定义验证后简要显示然后隐藏元素

Question

我想简短地展示（一两秒钟）“看起来不错！” 在某些服务器端验证功能运行后，文本框旁边的消息。

我不确定这样做的“角度方式”。此外，我还没有涉足角度动画。

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

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)

谢谢！

Answer 1

在您的 Html 中，您需要一个隐藏的 div (ng-hide="showMe==false")

在您的角度控制器中，添加一个变量： $scope.showMe = false;

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