title: AngularJs broadcast repeating execution too many times
body: <p>Inside one of my Angular controllers, I have this:</p>
  
  <pre><code>// controller A
  $rootScope.$on("myEventFire", function(event, reload) {
      someAction();
  });
  </code></pre>
  
  <p>In another controller I have this:</p>
  
  <pre><code>// controller B
  $scope.openList = function(page) {
      $rootScope.$broadcast('myEventFire', 1);
  }
  </code></pre>
  
  <p>Now, this is a single-page app. When I go to controller A initially and try triggering this event, <em>someAction()</em> is going to be executed once. If I navigate away and come back again to controller A and do the same thing, <em>someAction()</em> gets executed twice. If I do it again, it happens three times and so on. 
  What am I doing wrong here?</p>