javascript - x 秒或页面更改后再次隐藏警告消息

Question

我是 Angular 的新手，现在我可以在有人从我们的应用程序请求新密码时显示警告消息:

用户模型:

.service('userModel', ['$q', '$http', 'authorizedTracker', function($q, $http, authorizedTracker) {
    this.passwordreset = function(token) {

    var deferred = $q.defer();

    $http({
        method: 'GET',
        url: '/reset/'+token
    })

    .then(function(response) {

    if (!_(response.data).has('user')) {
        deferred.reject('unkown user id');
    }

    model.resetted = true;


    }, function(error) {
        deferred.reject(error.data.message);
    });

    authorizedTracker.addPromise( deferred.promise)

    return deferred.promise;
};

因此，如果 resetted 为 true，将显示消息，如下所示:

html:

<!-- Succes-->
<div class="alert alert-success animated fadeInDown" ng-cloak  ng-show="userModel.resetted">
    <strong><i class="icon-attention"></i>Success!</strong> New password is sent to your e-mail
</div>

但现在我想在 x 秒后或用户点击另一个页面时隐藏警报。这怎么可能？有什么解决办法吗？

Answer 1

您应该使用 $timeout 服务(类似于 native javascript 中的 window.setTimeout)。

在您的代码中，您应该添加以下代码

...
model.resetted = true;

$timeout(function() {

    model.resetted = false;

}, xxx)//replace xx by the amount of milisecond you want

举个例子，希望对你有帮助 http://plnkr.co/edit/Qt39x5Xo5JhP61QHYLwO?p=preview