change scope property with setTimeout

Question

Почему он не работает, чтобы установить $scope.blured в этом setTimeout() (имитируя сообщение и ответ)?

Plunker

$scope.bluryLines = function(value) { 
    $scope.blured = true; 

    if (value === '' || value === undefined) { 
     console.log('value is empty'); 
    } else { 
     console.log(value); 
    } 

    //faking a post 
    setTimeout(function() { 
     $scope.blured = false; 
     console.log('log'); 
    }, 1000); 
}; 

нажав на кнопку cleares это сразу.

$scope.removeOverlay = function() { 
    $scope.blured = false; 
}; 

Answer 1

setTimeout не содержит дайджест. Вместо этого используйте угловую услугу $timeout.

app.controller('MainCtrl', function($scope, $timeout) { 

    $scope.bluryLines = function(value) { 
     $scope.blured = true; 

     //faking a post 
     $timeout(function() { 
      $scope.blured = false; 
     }, 1000); 
    }; 

});