CODEWITHSUNDEEP
angularjsangular-ui-router
Nicoleta Wilskon
Nicoleta Wilskon

Reputation: 697

How to show a message when navigating from one page to another

On success message I want to navigate from uploaded page to customer page and highlight my alert as success , but my alert is not getting open. Need solution

Upload.js 

if (status == 200){
    $state.go('customer', {"id": $scope.customer});    
    $rootScope.$emit('custSucess');
}

customer.js

$rootScope.$on('custSucess',function(event){
         $scope.message = {
                content: [{
                   title: '',
                   msg:'hi'
                }],
                   type: 'success'
                };
});

Upvotes: 0

Views: 582

Answers (1)

Mohsin Jillani
Mohsin Jillani

Reputation: 81

So what I ended up doing is creating a service for handling my alerts. Here is the service code:

app.factory('AlertService', function () {
  var success = {},
      error = {},
      alert = false;
  return {
    getSuccess: function () {
      return success;
    },
    setSuccess: function (value) {
      success = value;
      alert = true;
    },
    getError: function () {
      return error;
    },
    setError: function (value) {
      error = value;
      alert = true;
    },
    reset: function () {
      success = {};
      error = {};
      alert = false;
    },
    hasAlert: function () {
      return alert;
    }
  }
});

//And I simply set it when I need to like so:

AlertService.setSuccess({ show: true, msg: name + ' has been updated successfully.' });

//And check for it on the page that would display it like this:

if (AlertService.hasAlert()) {
  $scope.success = AlertService.getSuccess();
  AlertService.reset();
}`enter code here`

Upvotes: 1

Related Questions