Страница обновляется без отображения предупреждений в AngularJS

Question

Я пробовал показывать сообщение об успешном сообщении, после чего обновляется на кнопке ng-click. Страница обновляется, но сообщение не отображается. Я отлаживал код, и выход на консоль удивил меня.

JS КОД

$scope.Save = function (data) { 

    $http.post($rootScope.WebApiURL + '/updatemanifeststatus'); 

    //var promise = $http.get($rootScope.WebApiURL + '/getmanifeststatus'); 

    $scope.manifeststatus = data; 
    console.log("1"); 

    $scope.showstatus = true; 
    console.log("2"); 

    $scope.alert = { type: 'success', msg: 'Published Successfully.' }; 
    console.log("3"); 

    $(".publishStatus").show(); 
    console.log("4"); 

    $timeout($scope.Refresh1(), 2000); 
    console.log("5"); 

} 
$scope.Refresh1 = function() { 

    //refresh 
    console.log("6"); 
    $state.go($state.current, {}, { reload: true }); 

} 

Console Output

Мои сомнения, когда она выполняется в порядке 1,2,3,4 то почему предупреждение не показано на странице и обновляется? Как я могу добиться стабильности?

Answer 1

{ type: 'success', msg: 'Published Successfully.',show:true }