Question

我刚开始使用Angular js。我对此表示怀疑。我想在重定向后设置flash messsage。

在我的情况下，我有一个表单，并通过http requst保存数据。在成功函数中我放了window.location（）。这是另一页。我想在该页面中设置一条flash消息。

JS

  $scope.Save_Details = function (id)
{  

$http.post(base_url+"sur/sur/save_data/"+id,{data:$scope.Surdata}).
success(function(response) {
   // $scope.successTextAlert = "Saved";  
  //  $scope.showSuccessAlert = true; 

    window.location = "#/surpage/nextpage?show_message= true";
});
}

新更新

 var messageFlag = $location.search().show_message;
    if(messageFlag && messageFlag === 'true'){ 
    alert(messageFlag);
        $scope.successTextAlert = "Saved";  
        $scope.showSuccessAlertMsg = true; 
    }

查看

  <div class="alert alert-success" ng-show="showSuccessAlert">
            <button type="button" class="close" data-ng-click="switchBool('showSuccessAlert')">×</button> <strong> {{successTextAlert}}</strong>
        </div>

有人帮助我吗？

Answer 1

将此代码放入HTML -

<!-- message text     -->
<div class=" panel-{{alerts.class}}" ng-show="alerts.messages" >
    <div ng-repeat="alert in alerts.messages track by $index" class="panel-body alert-{{alerts.class}}" >{{alert}}</div>
</div>

将此代码放在角度模型中 -

$rootScope.alert = function(type,msg){
        $rootScope.message.push(msg);
        $rootScope.alerts = {
            class: type,
            messages:$rootScope.message
        }
    }

获取成功消息 -

$rootScope.alert('success',"Success !!!");

对于错误消息 -

$rootScope.alert('danger',"Error.");

Answer 2

编辑 - 添加代码

yourAppModule.controller('nextPageController', function($location){

   var messageFlag = $location.search().show_message;
   if(messageFlag && messageFlag === 'true'){
     //show your message
   } 

});

当您导航到＆＃34; nextpage＆＃34;传递旗帜 - ＆gt; ＃/ surpage / nextpage？show_message = true
在＆＃34; nextpage＆＃34; controller，读取查询字符串值＆＃34; show_message＆＃34; （向控制器注入$ location并获取价值使用$ location.search（）。show_message）
如果该值== true，则显示您的Flash消息

Answer 3

你可以使用toastr JS专门用于flash。 http://codeseven.github.io/toastr/demo.html

通过使用以下js代码，您可以显示Flash消息。

有关成功消息： toastr＆＃34;成功＆＃34 ;;

对于错误消息： toastr＆＃34;成功＆＃34 ;;

在angularjs中重定向后设置flash消息

3 个答案: