从父控制器

Question

我正在开发一个AngularJS应用程序，它有一个如下所示的屏幕。 Parent Controller与主视图关联，后者加载了嵌套子视图的初始模板 - view1，view2＆amp; view3。在任何给定时间，只有一个子视图处于活动状态。每个视图都有一个带有一些输入元素的表单，可以使用底部的保存按钮进行修改和保存。我们左侧有导航链接。单击任何这些链接将根据选择切换视图。这些单击导航处理程序在父控制器中配置。

现在我要解决的问题是在导航到其他视图之前检测未保存的更改。我已经有办法检测特定形式的状态变化。我正在寻找一种方法来调用从父控制器中的单击处理程序对子控制器进行状态更改检查的函数。

我想我可以用两种方式之一来做到这一点

1. 使用angular.element()获取对我的子视图绑定范围的引用，并调用我对范围感兴趣的函数。
2. 在所有子控制器中，add a watcher on a property defined on parent controller's scope可根据选择在点击处理程序中更新。

但我并不完全相信这些方法并寻找更好的方法来实现这一目标。

感谢您的时间。感谢任何帮助:)