Ionic / AngularJS 菜单栏刷新按钮到当前视图控制器
Ionic / AngularJS menubar refresh button to current view's controller
我们正在使用 AngularJS 构建 Ionic 应用程序。此应用程序在屏幕顶部有一个菜单栏,其中包含一个用于打开 side/hamburger-menu 的按钮和一个刷新按钮。
菜单位于单独的 HTML 文件中,并有自己的控制器,可激活当前菜单项。
在 app.js 中,状态是为哪个视图具有哪个控制器定义的。
菜单栏的右上角有一个刷新按钮,但我怎样才能使该按钮(与菜单具有相同的控制器)在当前视图的控制器范围内调用函数?
您可以通过 events
完成此操作。
链接到控制器 A 的模板:
...
<a href="#" ng-click="refresh()">Refresh</a>
...
控制器A:
.controller('AppCtrl', function($scope, $rootScope) {
$scope.refresh = function() {
// Your refresh code
$rootScope.$emit('refreshedPressed');
}
}
控制器 B:
.controller('OtherCtrl', function($scope, $rootScope) {
$rootScope.$on('refreshedPressed', function() {
// Handle the event.
});
}
我们正在使用 AngularJS 构建 Ionic 应用程序。此应用程序在屏幕顶部有一个菜单栏,其中包含一个用于打开 side/hamburger-menu 的按钮和一个刷新按钮。
菜单位于单独的 HTML 文件中,并有自己的控制器,可激活当前菜单项。
在 app.js 中,状态是为哪个视图具有哪个控制器定义的。
菜单栏的右上角有一个刷新按钮,但我怎样才能使该按钮(与菜单具有相同的控制器)在当前视图的控制器范围内调用函数?
您可以通过 events
完成此操作。
链接到控制器 A 的模板:
...
<a href="#" ng-click="refresh()">Refresh</a>
...
控制器A:
.controller('AppCtrl', function($scope, $rootScope) {
$scope.refresh = function() {
// Your refresh code
$rootScope.$emit('refreshedPressed');
}
}
控制器 B:
.controller('OtherCtrl', function($scope, $rootScope) {
$rootScope.$on('refreshedPressed', function() {
// Handle the event.
});
}