Angular.JS - 指令内的指令,指令内的指令。范围问题

时间:2013-05-09 09:05:59

标签: angularjs angularjs-directive angularjs-scope

我在嵌套指令中有一些关于范围的问题。我有两个指令:列和嵌套菜单。他们的结构可能是这样的:

    • 嵌套菜单
    • 嵌套菜单
      • 嵌套菜单
      • 其他内容
    • 嵌套菜单
    • 其他内容
    • 其他内容

该列有一个变量,所有嵌套菜单都应该响应。我试图通过几种方式使用Googling来完成这项工作,例如从column指令广播事件(出于某种原因,嵌套菜单只在我从$ rootScope广播时看到了事件),设置了一个指令控制器列并将变量存储在那里(我可以阅读它,但我不能观察它)。

重要的是两个指令都有一个孤立的范围,因为它们应该可以在几个区域重复使用,有时甚至可以嵌套。

我已经制作了一个基础结构的简化Plnkr,但是没有用。 http://plnkr.co/edit/1GP7SKacO777og8PysNF

谢谢!

1 个答案:

答案 0 :(得分:2)

我不确定你希望它如何完全表现出来。但是这里有一个解决这两个指令相互作用的插件。

nested-menu目前仅在其父级中预计column,但如果您愿意,可以将其更改为其父级中的另一个nested-menu

这是工作的plunker。希望这会有所帮助。

http://plnkr.co/edit/IAn9Ib8sSkQwKx6mpsm5?p=preview

相关问题