angularjs에서 리디렉션 한 후 플래시 메시지 설정

Question

방금 ​​Angular js로 시작합니다. 나는 그것에 대해 의심이있다. 리디렉션 후 플래시 메시지를 설정하고 싶습니다.

제 경우에는 양식이 있고 http requst를 통해 데이터를 저장하고 있습니다. 성공 함수에서 나는 window.location()을 넣는다. 또 다른 페이지입니다. 그 페이지에서 플래시 메시지를 설정하고 싶습니다.

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에서이 코드를 넣어 -

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

- 오류 메시지에 대해

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

-

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

성공 메시지 용 -

<!-- 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> 

는 각 모델에서이 코드를 넣어

Answer 2

편집 - 추가

• 는 "nextpage"함께 깃발을 전달하는 이동 코드

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

  -> #/surpage/nextpage show_message =은 "nextpage"컨트롤러에서
사실, "show_message"에 대한 쿼리 문자열 값을 읽을 수 (컨트롤러에 $ 위치를 주입와 $ location.search(). show_message 사용하여 값 를 얻을 수)
• 을 그 값 == t 경우 rue, 플래시 메시지 표시

Answer 3

플래시를 위해 특별히 toastr JS를 사용할 수 있습니다. http://codeseven.github.io/toastr/demo.html

아래의 js 코드를 사용하면 플래시 메시지를 표시 할 수 있습니다.

성공 메시지 : toastr "success";

오류 메시지 : toastr "success";