javascript - AngularJS 特殊作用域安排

Question

所以我有一个有趣的情况。我有一个 angularJS 应用程序分为几个不同的模块。这样做是为了让不同的部分尽可能通用并最终重用。其中一个模块是 uiTemplate 模块，它处理与 ui 相关的非常常见的任务，例如可扩展/可折叠部分。是否可以将其他模块放置在 uitemplate 模块“下方”，以便在它们发出事件时通过 uitemplate？目标是能够在 uitemplate 模块不知道其他模块的任何信息的情况下执行此操作，或者换句话说，uitemplate 对其他模块没有任何“硬编码”依赖关系。如果我可以动态地告诉 uitemplate 它的依赖关系是可以的，我只想避免将特定于应用程序的代码放入模块中。可能的想法？

Answer 1

它看起来像这样：

<div ng-controller="ParentCtrl">
    <div ng-controller="Child1Ctrl"></div>
    <div ng-controller="Child2Ctrl"></div>
</div>

但是，如果您谈论的是仅共享 UI 元素，则将它们设为指令可能更有意义。它们的编译方式不同，您可以从任何视图调用它们。