Javascript 在angular中从作用域中的不同控制器调用方法

假设我有一个angular模块，它有两个控制器：基于显示和基于http（使用服务的http数据）

在我的html文件中，我有一个div：

<div ng-controller="HttpController">
    <input ng-model="data" type="text" placeholder="Enter data"/>
    <button ng-click="response(data)">Enter data</button>
</div>

输入数据

响应（数据）正在进行API调用

---

我还希望单击事件从DisplayController调用一个方法，以便显示视图。我是否可以在这个div中捆绑另一个控制器，或者我应该将其放入一个控制器中

控制器之间通信的最佳方式是在两个控制器中引用相同的serviceObject，因此如果serviceObject更新了状态，那么另一个控制器就会知道它

function HttpController($scope, serviceObject) {}
function DisplayController ($scope, serviceObject) {}

---

你需要更具体地回答你要问的问题，给出一个更好的代码示例，这样更容易评估，例如你的html文件和相应的js文件。我最近问了一个类似的问题，你需要使用工厂或服务在控制器之间共享数据