AngularJS：如何通过单个方法从“不同的控制器”中调用方法 <ul> 元件？

Question

我们有一个团队一起工作。 然后由其他团队提供主要的app.js （如下所示）。 （含义：我没有控制权。因此我无法更改其现有结构。）该应用程序类似于：

app
.value('settings', {
    hostUrl: "//example.com",
    endpoint:'/api/events/',
})
.controller('UserCtrl', ['$scope', function($scope){
    $scope.initUser = function(e){
        console.log("User stuffs..");
    }
}])
.controller('EventCtrl', ['$scope', function($scope){
    $scope.initEvent = function(e){
        console.log("Event stuffs..");
    }
}])

（这不是真实的，只是一个示例骨架）

这是我的下面。 我需要在单个<ul><li>元素中分别调用上面的两个方法（在两个控制器中）：

<ul>
    <li>User</li>
    <li>Event</li>
</ul>

但：
到目前为止，我所了解的（我能做的）是这样的：

<ul ng-controller="UserCtrl">
    <li ng-click="initUser();">User</li>
</ul>
<ul ng-controller="EventCtrl">
    <li ng-click="initEvent();">Event</li>
</ul>

请问如何在单个<ul> list进行此调用？ 像：

<ul>
    <li>User</li>
    <li>Event</li>
</ul>

谢谢大家的帮助:)

Answer 1

需要跨控制器边界工作的任何数据或功能都应作为服务实现。

Answer 2

你有尝试过吗？

<ul>
    <li ng-controller="UserCtrl" ng-click="initUser();">User</li>
    <li ng-controller="EventCtrl" ng-click="initEvent();">Event</li>
</ul>