title: Ionic 1 - Popup not working properly after state change
body: <p>I have an $ionicPopup defined inside a particular controller say Controller-1. When I move to Controller-1 from any other different Controller-X by changing the state as $state.go('xxx.xx.xx'), the $ionicPopup is not working as expected. But at the same time, if I open Controller-1 for the first time, $ionicPopup works fine. State change is causing issue. How to solve it?</p>
  
  <p>The code for $ionicPopup inside Controller-1 is:</p>
  
  <pre><code>$ionicPopup.show({
  title: "Delivery Not Available",
  subTitle: 'Selected area is beyond our delivering area. You can place only Take Away orders.',
  scope: $scope,
  buttons: [{
          text: 'Cancel',
          onTap: function(e) {
              return true;
          }
      },
      {
          text: '&lt;b&gt;OK&lt;/b&gt;',
          type: 'button-balanced',
          onTap: function(e) {
              $state.go('home.app');
          }
      },
  ]});
  </code></pre>
  
  <p>If I directly launch it from Controller-1 for the first time, it works as expected:
  <a href="https://i.stack.imgur.com/uLlMa.png" rel="nofollow noreferrer">Screenshot - Normal Case</a></p>
  
  <p>But, if I move to Controller-1 from any other state through a state change using $state.go('xxx.xx.x'), it shows broken output:
  <a href="https://i.stack.imgur.com/h9Clw.png" rel="nofollow noreferrer">Screenshot - Failing Case</a></p>