Angularjs ng单击以更改另一个视图

时间:2013-07-15 13:05:51

标签: angularjs

我正在使用Angularjs进行演示。以下是演示的preview

在演示中,左侧有一个列表。右边还有一个列表。当我点击左侧列表中的项目时,我需要更改右侧列表的查看

我使用2 controllers来控制左侧列表和右侧列表。左侧列表中的每个项目都有一个ng-click属性来触发更改右侧列表。

那么如何更改正确的列表?

也许,我应该使用controller来控制左右列表? (似乎不合适)

也许,我应该$watch $rootScope的参数? (太棘手了)

最后,处理这种情况的合适方法是什么?如何触发另一个控制器的更改?

1 个答案:

答案 0 :(得分:3)

也许您应该使用$broadcast(eventName, args)将事件从一个控制器广播到另一个控制器,在那里您可以$on(eventName, listener)来处理这些事件。

http://docs.angularjs.org/api/ng.$rootScope.Scope#$broadcast

http://docs.angularjs.org/api/ng.$rootScope.Scope#$on