Question

150

How to apply delay on AngularJS

rated 0 times [ 152] [ 2] / answers: 1 / hits: 110182 / 8 Years ago, mon, february 22, 2016, 12:00:00

I am using below code, In laravel blade

<div ng-show=displayErrorMsg class=form-group m-b alert alert-danger>{{errorMsg}}

In angularjs controller

$scope.errorMsg = Data Empty;

$scope.displayErrorMsg = true;

setTimeout(function() { $scope.displayErrorMsg = false;}, 2000);

Message not disappear after 2 second automatically as given.

But when I simply put alert(test); or click anywhere message disappears.
How to resolve this problem ?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

dominics

Add To Favorites

Follow

Total Points: 424

Total Questions: 99

Total Answers: 107

Location: South Korea

Member since Fri, Sep 11, 2020

4 Years ago

dominics questions

1 react setState() not triggering re-render

Wed, Apr 6, 22, 00:00, 2 Years ago

1 export a variable inside a function to be used in other modules

Mon, Feb 7, 22, 00:00, 2 Years ago

1 how to make TextInput with dropdown/picker in react-native?

Thu, Jan 13, 22, 00:00, 2 Years ago

1 How to remove extra empty space and scroll bar at the bottom of my html page?

Wed, Jan 20, 21, 00:00, 3 Years ago

1 AgGrid: applyColumnState is not a function

Fri, Sep 18, 20, 00:00, 4 Years ago

View All

answered 8 Years ago jaycoborionc · Accepted Answer

Just inject $timeout in your controller and use this.

$timeout(function() { $scope.displayErrorMsg = false;}, 2000);

Also you can use $digest or $apply as below

setTimeout(function() {

    $scope.displayErrorMsg = false;

    $scope.$digest();

}, 2000);



setTimeout(function () {

  $scope.$apply(function(){

      $scope.displayErrorMsg = false;

  });

}, 2000);

Check here how these works,

http://www.sitepoint.com/understanding-angulars-apply-digest/