Ionic / AngularJS menubar refresh button to current view's controller

0
votes

We're building an Ionic app with AngularJS. This app has a menubar on top of the screen with a button to open the side/hamburger-menu and a refresh button.

The menu is in a separate HTML-file and has it's own controller which makes the current menu-item active.

In app.js the states are defined for which view has which controller.

The menubar has a refresh button in the right-top corner, but how can I make that button (which has the same controller as the menu) call a function on the scope of the controller for the current view?

1
androidiosangularjsionic-framework

1 Answers

1
votes

You can accomplish this through events.

Template linked to Controller A:

...
<a href="#" ng-click="refresh()">Refresh</a>
...

Controller A:

.controller('AppCtrl', function($scope, $rootScope) {

    $scope.refresh = function() {
        // Your refresh code
        $rootScope.$emit('refreshedPressed');
    }

}

Controller B:

.controller('OtherCtrl', function($scope, $rootScope) {

   $rootScope.$on('refreshedPressed', function() {
       // Handle the event.
   });

}