android - Ionic/AngularJS 菜单栏刷新按钮到当前 View Controller

Question

我们正在使用 AngularJS 构建一个 Ionic 应用程序。该应用程序在屏幕顶部有一个菜单栏，其中有一个用于打开侧面/汉堡菜单的按钮和一个刷新按钮。

菜单位于单独的 HTML 文件中，并且有自己的 Controller ，可以使当前菜单项处于 Activity 状态。

在 app.js 中，状态是为哪个 View 具有哪个 Controller 而定义的。

菜单栏的右上角有一个刷新按钮，但是如何使该按钮(与菜单具有相同的 Controller )调用当前 View Controller 范围内的函数？

Answer 1

您可以通过 events 完成此操作.

链接到 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.
   });

}