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>