两个控制器之间的angularJS应用程序中的条件属性

Question

在我的应用程序中，我有两个控制器。

控制器 1 |控制器 2

---

1. 从控制器 1 我在单击按钮时打开一个菜单，并在一个定义属性的函数中说， this.isTelephoneMenuOpen = true;

结果：我打开了菜单，有两个选项编辑和删除。

2.来自控制器 2 单击编辑时，我打开了一个模态叠加层-工作正常。

问题：但无法隐藏之前打开的菜单。

如何在另一个控制器中使用此属性在打开模式后隐藏菜单？

Answer 1

将属性定义为$rootScope，因为每个应用程序都有一个根范围。

在控制器 1 中 - $rootScope.isTelephoneMenuOpen = true.

在控制器 2 中 - 打开菜单后将其设置为 false $rootScope.isTelephoneMenuOpen = false。

Answer 2

其中一种方式是广播事件，看看$rootScope.$broadcast()。

例如，在第二个控制器中你可以广播一个事件

$rootScope.$broadcast('hideMenu', {hide: true})

然后在第一个控制器中捕获它

$scope.$on('hideMenu', function (event, data) {
  //code for hiding menu
});