使用 Angular UI Router，子状态是否可以调用父状态控制器中的函数？

Question

我可以使用 stateParams 在父控制器中设置值 - 但想在该控制器中调用函数。我是否需要在孩子的“resolve:”或“onEnter:”属性中添加一些东西来调用父母控制器中的函数。注意：子状态没有任何模板，因为它们将使用父模板。

myApp.config(function($stateProvider) {
$stateProvider
    .state('reports', {
        url: "/reports",
        templateUrl: "reports.parent.template.html",
        controller: "ReportsController",
        controllerAs: "reports"
    })
    .state('reports.users', {
        url: "/users",
        reportSettings: {
            title: "Active Users Report",
            reportName: "UserList.trdx"
        }
    })
    .state('reports.departments', {
        url: "/departments",
        reportSettings: {
            title: "Active Departments Report",
            reportName: "DepartmentList.trdx"
        }
    })
});

Answer 1

更新：请参阅此 plunkr 以获得解决方案：http://plnkr.co/edit/xnMDiv

由于您将 ReportsController 注入为“reports”，因此您只需将该控制器中的函数定义为“this.function”，然后在子视图中使用“reports.function”即可访问它。

如果您想在子控制器（而不是视图 HTML）中调用该函数，则需要在父控制器中创建该函数作为解析并将其注入子控制器。

所以：

resolve: { myfunction... }

在你的子控制器中

('myfunction')

希望这是有道理的。我是移动的，写作很棘手。