Angular js Div показывать только в течение 3 секунд

Я новичок в angular js. я сделал с div hide и show. просто я хочу знать, как скрыть или показать div только на 3 секунды. здесь я прикрепляю свой код, который я использовал.

html-код:

<div ng-hide="loginAlertMessage">Dynamic user feedback message comes here.</div>    
<a ng-click="forgotPassword()">Forgot Password?</a>

angular Код js:

$scope.loginAlertMessage = true;

    $scope.forgotPassword = function () {
         $scope.loginAlertMessage=false;    
    };

Ответ 1

Внесите $timeout сервис в контроллер и используйте его для отмены loginAlertMessage.

app.controller('MyController', ['$scope', '$timeout', function($scope, $timeout) {
   $scope.loginAlertMessage = true;

   $scope.forgotPassword = function() {
      $scope.loginAlertMessage = false;
      $timeout(function() {
         $scope.loginAlertMessage = true;
      }, 3000);
   };

   // ...
}]);

Ответ 2

введите $timeout службу (полученную из setTimeout(function() {"action",time(in ms) }) в контроллере, и если вы хотите отобразить, сделайте div true и, если хотите скрыть, используйте эту службу для остановки.